点击空白处退出提示
作品详情
备案工作。备案内容包括诊所基本信息、法人信息、住院负责人、工作人员、
设备信息和药品信息等。
2.技术栈:vue、axios、html、css、JavaScript、elementUI
3.责任描述
前端页面实现: 利用HTML、CSS和ElementUI进行从0到1的前端页面搭建。
数据交互: 通过Axios与后端服务器进行数据交互和传输。
页面导航: 使用Vue Router实现前端页面的跳转和参数传递。
技术亮点
使用Vue Router定义应用的路由和各个页面的路径。
系统公用数据存储
用户和管理员的登录功能
错误处理和提示
页面跳转和参数传递
通过route.params和route.params和route.query获取页面传递的参数,实现
基本信息
联系方式
页面间的数据共享。
技术点: Vue Router的动态路由匹配、嵌套路由和路由钩子函数。
实现细节:
使用Vuex进行状态管理,创建Vuex模块分别管理医生信息、设备信息、药品
信息等,提高代码的可维护性和可扩展性。
技术点: Vuex的模块化设计、getters和actions的使用。
实现细节:
通过Axios发送登录请求,获取并保存用户的认证令牌(如JWT)。
使用前置路由守卫(beforeEach)进行路由访问控制,确保只有经过认证的用
户才能访问特定页面。
技术点: Axios的拦截器、JWT认证、Vue Router的导航守卫。
实现细节:
通过全局错误处理机制捕获并处理Axios请求错误。
使用ElementUI的Message和Notification组件向用户展示友好的错误提示信
息。
技术点: Axios的全局错误处理、ElementUI的消息提示组件。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论