夏日夜的晚风/HospitalDemo
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目，私有仓库也完全免费 ：）
免费加入
克隆/下载
提示
下载代码请复制以下命令到终端执行
为确保你提交的代码身份被 Gitee 正确识别，请执行以下命令完成配置
使用 HTTPS 协议时，命令行会出现如下账号密码验证步骤。基于安全考虑，Gitee 建议 配置并使用私人令牌 替代登录密码进行克隆、推送等操作
Username for 'https://gitee.com': userName
Password for 'https://userName@gitee.com': # 私人令牌
安新宠物医院
Project setup
npm install 或 yarn install
项目说明
随着信息技术在各行各业之中的广泛应用和人们生活水平的日益提高,使我们的生活日益丰富多彩,宠物也成为了人们的亲密伙伴,越来越多的人们开始家庭养宠物来增加生活的乐趣。这种变化对宠物医院的管理产生了极大影响,传统的工作方式正在被信息化所取代。基于这种趋势下，建立和实现一个基于vue.js和node.js的响应式宠物医院管理网站，并使用MySql作为宠物医院管理系统的设计，以便于提高宠物医院管理工作的效率,实现了管理的信息化、科学化、规范化。
技术栈
Vue.js + Node.js+MySQL
Vue.js部分 使用的是Vue-CLI3脚手架 Node.js部分 使用的是EXPRESS框架 在该项目中 样式使用的是CSS的预处理语言 less 组件库 饿了么的ElementUI项目目录结构
- admin_client--- 这是项目前台的后台管理系统，以便于医师和管理员进行日常的相关工作和权限管理使用 - admin_user--- 这是项目前台的用户界面，主要便于用户的相应操作，其可以适应于一些主流的PC端和移动端 - admin_server--- 这是项目后端的服务器端，通过EXPRESS框架搭建，主要为前端界面提供相应的Web API接口，以达到前后端分离 - sql--- 这是项目的数据库中sql脚本文件，主要包含了本项目中使用到的一些表结构和一些测试数据 - media--- 这是README.md 文件中所使用到的图片的资源文件(可忽略)
系统结构图
前台部分
系统后台功能结构图---管理员模块 医师模块
系统后台功能结构图---医师模块
配置跨域/vue.config.js
在项目的编写中，因为后端服务器的url地址和前端的url地址不同源，所以出现了Access-Control-Allow-Origin，也就是无法进行跨域操作，经过查阅资料，在项目中建立了vue.config.js文件，使用代理的方式来解决跨域问题
devServer: { proxy: { //进行跨域配置 "/api": { target: 'http://localhost:3000/api/', ws: true, changOrigin: true, pathRewrite: { '^/api': '' } } }
axios 请求拦截和响应拦截
在本项目中，为了在数据加载的过程中，出现遮罩层，在数据加载完毕后，遮罩层自动取消，经过查阅资料，在本项目中决定使用axios的 请求拦截和响应拦截
// 设置axios的请求和响应拦截 import axios from 'axios' import { Message, Loading } from 'element-ui'; import router from './router' let loading const startLoading = () => { loading = Loading.service({ lock: true, text: '拼命加载中。。。', background: 'rgba(0, 0, 0, 0.7)' }) } const endLoading = () => { loading.close() } // 请求拦截 设置统一header axios.interceptors.request.use(config => { startLoading() return config }, error => { return Promise.reject(error) }) // 响应拦截 axios.interceptors.response.use(response => { endLoading() return response }, error => { // 错误提醒 endLoading() Message.error(error.response.data) router.push('/login') return Promise.reject(error) }) export default axios
部分页面展示
前台部分
.png)
The MIT License (MIT) Copyright (c) 2014 connors and other contributors Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
这是一个基于Vue.js和Node.js的宠物医院管理系统 展开 收起
马建仓 AI 助手
该操作需登录 Gitee 帐号，请先登录后再操作。
立即登录
没有帐号，去注册
相关知识
夏洛的网
夏楠—宠物眼科领域的一颗明星
夏梦水上乐园大舞台
【兰夏小知识】猫咪的睡眠
dnf夏梦水上乐园宠物装备属性 dnf夏梦水上乐园宠物装备怎么获得
夏校=烧钱？留学背景提升到底有多少含金量？
玩一夏⑲
健康一夏
宠物天才 教你如何在宠物论坛里面打感叹号声音免费在线播放
夏天养绣眼鸟做好四防
网址: 夏日夜的晚风/HospitalDemo https://m.mcbbbk.com/newsview187471.html
| 上一篇: 微信系统助力高效宠物预约管理 |
下一篇: 魔兽世界 求一个猎人宏，关于宠物 |
