校园高校共享单车管理系统nodejs+vue+express

设计的管理员的详细功能见下图,管理员登录进入本人后台之后,管理单车和区域,审核租赁订单和还车订单,收取租赁费用,查看单车租赁统计信息。
 vue的文件结构其实就是一个index.html
中间的内容,用的是vue,但最终都会转译为html内容html、css、js
|- node_modules: node的一些基础依赖包,可能还有拓展的安装的别的插件(npm install下载的依赖包,主要是根据package.json获取对应的依赖包)
|- public: 存放一些主要的打包文件,如index.html等等,可以放置一些需要在index.html配置的文件
|- src: 项目的主文件夹(vue是SPA单页面应用,可以看做是一个主页面的应用里面的内容组件详情可看vue 代码格式解析)
|- assets: 资源文件,用于存放一些静态文件,如字体、图片、css样式之类的
|- components: vue主要内容的公共组件,可以进行复用
|- router: 设置路由,指定路由对应的组件并按照软件设计开发流程进行设计实现。系统具备友好性且功能完善。管理员管理单车和区域,审核租赁订单和还车订单,收取租赁费用,查看单车租赁统计信息。用户租赁单车,归还单车,支付单车租赁费用。 管理员
管理员权限中的单车信息管理,其运行效果见下图。管理员设置单车所属区域,每小时价格以及押金信息,并对这些数据进行修改或删除。校园高校共享单车管理系统nodejs+vue+express_第1张图片校园高校共享单车管理系统nodejs+vue+express_第2张图片校园高校共享单车管理系统nodejs+vue+express_第3张图片校园高校共享单车管理系统nodejs+vue+express_第4张图片

管理员权限中的租赁订单管理,其运行效果见下图。用户租赁单车,需要管理审核通过才可以使用。 
管理员权限中的还车订单管理,其运行效果见下图。用户使用完毕单车之后,自行归还单车,管理员也需要审核单车归还信息,同时对用户租赁单车产生的费用包括超时费等进行登记。 
管理员权限中的信息统计,其运行效果见下图。管理员查看数据统计信息,统计结果通过柱状图显示。 
 
 用户
用户权限中的单车信息,其运行效果见下图。用户在前台查询单车,在单车介绍页面,对单车进行租赁。
用户权限中的租赁订单,其运行效果见下图。用户查看租赁的单车的审核状态,审核状态为通过时,用户才可以使用单车,用户归还单车也需要在此模块操作。 
用户权限中的还车订单,其运行效果见下图。用户归还单车,其信息也需要管理员审核。 
用户权限中的租赁费用,其运行效果见下图。用户提交的还车信息在管理员审核通过之后,需要在此模块支付租赁单车产生的费用。
目  录
高校共享单车管理系统在让高校单车租赁信息规范化的同时,也能及时通过数据输入的有效性规则检测出错误数据,让数据的录入达到准确性的目的,进而提升高校共享单车管理系统提供的数据的可靠性,让系统数据的错误率降至最低。        
 功能结构设计
前面所做的功能分析,只是本系统的一个大概功能,这部分需要在此基础上进行各个模块的详细设计。

设计的用户的详细功能见下图,用户租赁单车,归还单车,支付单车租赁费用。


 、系统项目截图

1 绪论    1
1.1 选题背景    1
1.2 选题意义    1
1.3 研究内容    2
2 系统开发技术    3
 
2.3 MYSQL数据库    4
3 系统分析    5
3.1可行性研究    5
3.1.1经济可行性    5
3.1.2时间可行性    5
3.1.3操作可行性    5
3.2系统性能分析    6
3.2.1系统易用性    6
3.2.2系统健壮性    6
3.2.3系统安全性    6
3.3 系统流程分析    6
3.4系统功能分析    9
4 系统设计    12
4.1系统目标    12
4.2功能结构设计    13
4.3数据库设计    14
4.3.1数据库E-R图    14
4.3.2 数据库表结构    17
5 系统实现    21
5.1 管理员功能实现    21
5.1.1 单车信息管理    21
5.1.2 租赁订单管理    21
5.1.3 还车订单管理    22
5.1.4 信息统计    22
5.2 用户功能实现    23
5.2.1 单车信息    23
5.2.2 租赁订单    24
5.2.3 还车订单    24
5.2.4 租赁费用    25
6系统测试    26
6.1 系统测试的类型    26
6.2 功能测试    27
6.3 可用性测试    27
6.4 测试结果分析    27
结  论    28
参考文献    30
致  谢    31


 

你可能感兴趣的:(vue.js,javascript,前端)