Vue+Node.js+MySql宠物养护平台的设计与实现,用户端+管理端 | 您所在的位置:网站首页 › 小区环境设计图纸 › Vue+Node.js+MySql宠物养护平台的设计与实现,用户端+管理端 |
一、功能描述
宠物养护平台有用户和管理员两个角色,用户可在此平台进行账号注册,登录平台后可在社区模块进行交流,可对宠物能不能吃、宠物能不能做进行自查,可进行宠物识别、宠物疾病自查、个人信息修改、宠物信息管理等操作。 管理员可登录后台管理系统对社区模块进行管理,对每日贴士数据、能不能吃数据、能不能做数据、疾病信息进行管理,对用户使用平台状态进行管理,还可查看此平台统计数据。 本平台的系统总体结构模块如图1-1所示。 本平台服务端使用Node的Express框架进行开发,前端使用Vue3.0+Element-Plus。数据存储在关系型数据库Mysql中,为了简化数据库管理和降低管理成本开发时使用Navicat Premium 15来进行对数据库的操作,Vue前端使用Axios来请求后端服务器接口。应用程序的具体配置如下: 开发系统:window10 开发环境配置:node.js 开发工具:Visual Studio Code , Navicat Premium 15 数据库:MySQL 使用开发语言:html+css+js,Node.js(Express框架) 前端构建工具:vite 框架和插件:Vue 3.0、Element-Plus、Echarts、multer、jsonwebtoken、vuex 三、系统功能 3.1软件安装与配置本平台前台、后台系统都在Visual Studio Code上进行开发,通过使用vue进行搭建项目于,打包工具是vite,同时需要安装node.js并配置环境变量,然后使用npm install安装下载项目所需依赖。 本平台后端使用Node.js的Express作为开发语言,在Visual Studio Code进行开发,也需要安装node.js并配置环境变量,之后在浏览器中访问http://localhost:3000即可进行访问相应接口。 3.2用户模块的使用方法(1)用户进入平台后,首先进行登录操作,若没有账号可选择注册,注册成功后可直接跳转到登录页面。用户登录见图3-1,用户注册见图3-2。
(1)管理员进入管理平台前需要先登录,管理员登录如图3-16。 本篇文章到此就结束啦,欢迎大家提出宝贵意见,评论回复不及时可企鹅2665973348。 |
CopyRight 2018-2019 实验室设备网 版权所有 |