地铁在线售票vue票务系统uniAPP+vue 微信小程序

功能介绍 管理员 (1)管理员登录功能 (2)查看和修改线路信息 (3)减少线路 (4)修改价格(5站3元 5-10 5元 10-15站6元 往上8元) (5)删除用户 (6)设定最早最晚的车次(早上6.00晚上23.00) 用户 (1)登陆注册功能:用户登录注册 (2)浏览全地图功能:可浏览管理员发布的线路地图 (3)选择购票功能:用户选择站点,先选初始站,做到出站的地方根据乘坐的站数来计算价格 (4)进出站功能:购买后生成卡片进站 (5)钱包功能:可选择查看余额和充值 (6)返回订单功能:当出站结算后,回弹出一个是否返回订单若返回则直接生成卡片退还余额,重新进站到最终出站的地方根据站数计算价格 (7)支付管理(8)未使用卡片可退票 线路图为北京市轨道交通(9)查看订单(10)公告管理
根据现实中在北京地铁票务方面的需求,并对该系统进行了仔细的研究,将系统权限按照管理者和用户这两种类型进行了区分。
(1)用户功能需求
用户进入APP可以进行系统首页、地铁线路、我的等操作,在我的页面可以对我的钱包、购票信息、进站信息、出站信息、乘坐扣款、退票信息进行详细操作。用户用例图如图3-1所示。
 
图3-1 用户用例图

(2)管理员功能需求
管理员登陆后,主要模块包括系统首页、个人中心、用户管理、线路类型管理、地铁路线管理、我的钱包给管理、站点管理、购票信息管理、进站信息管理、价格类型管理、出站信息管理、乘坐扣款管理、退票信息管理、系统管理等功能。管理员用例图如图3-2所示。
论文结构
 (1)绪论
网站的开发背景,意义和系统状况等,详细讲述了APP的用处,对本章进行总结。
(2)系统开发技术的介绍
分别对java技术、Android系统的关键技术和架构、MySQL和B/S进行详细介绍。
(3)系统分析
本章主要是对系统可行性、系统性能、还有系统功能需求进行分析。
(4)系统设计
   对系统系统功能和数据库等进行详细讲解。
(5)系统的实现
主要对系统首页、个人中心、用户管理、线路类型管理理、地铁线路管理、系统管理等的实现。
(6)系统的测试
在完成了系统代码之后,就必须要对该系统进行检验,检验的办法有两种,一种是黑箱检验,另一种是白箱检验,该站点使用的是黑箱检验,用于对各分组的功能模块检验。
(7) 总结与心得体会
在文章的最终章节中,对自己的总结和在写作的过程中的感想进行了总结,其中也有对文章的感谢。


目  录
目  录    III
第一章 概述    1
1.1 研究背景    1
1.2开发意义    1
1.3 研究现状    1
1.4 研究内容    2
1.5论文结构    2
第二章 开发技术介绍    1
2.1 系统开发平台    1
2.2 平台开发相关技术    1
2.2.1  Android技术    1
2.2.2  mysql数据库介绍    1
2.2.3  MySQL环境配置    1
2.2.4  springboot框架    2
2.2.5  B/S架构    2
第三章 系统分析    1
3.1 可行性分析    1
3.1.1 技术可行性    1
3.1.2 操作可行性    1
3.1.3经济可行性    1
3.2性能需求分析    1
3.3功能分析    2
第四章 系统设计    4
4.1功能结构    4
4.2 数据库设计    4
4.2.1 数据库E/R图    4
4.2.2 数据库表    5
第五章 系统功能实现    12
5.1 APP端(用户功能)    12
5.2后端(管理员功能)    14
第六章 系统测试    18
7总结与心得体会    19
7.1 总结    19
7.2 心得体会    19
致  谢    1
参考文献    2

  • 17
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
搭建一个使用vue3+ts+vite+uniapp微信小程序的步骤如下: 1. 首先安装最新版的Node.js和npm。 2. 安装uni-app-cli脚手架工具,命令如下: ``` npm install -g @vue/cli npm install -g @vue/cli-init npm install -g @dcloudio/uni-cli ``` 3. 创建一个uni-app项目,命令如下: ``` vue create -p dcloudio/uni-preset-vue my-project ``` 4. 进入项目目录,安装依赖包,命令如下: ``` cd my-project npm install ``` 5. 安装并配置微信小程序开发者工具,下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 6. 在微信小程序开发者工具中,选择导入uni-app项目,选择项目目录下的dist/dev/mp-weixin文件夹,导入后即可进行开发和调试。 7. 如果需要使用vue3和typescript,在项目中安装相关依赖包,命令如下: ``` npm install --save-dev vue@next @vue/compiler-sfc typescript ts-loader ``` 8. 在项目根目录下创建vue.config.js文件,配置如下: ``` module.exports = { chainWebpack: config => { config.module .rule('ts') .use('ts-loader') .loader('ts-loader') .tap(options => { options.appendTsSuffixTo = [/\.vue$/] return options }) } } ``` 9. 在src目录下创建shims-vue.d.ts文件,内容如下: ``` declare module "*.vue" { import { ComponentOptions } from "vue"; const component: ComponentOptions; export default component; } ``` 10. 现在你就可以使用vue3和typescript进行开发了。同时,如果需要使用vite进行开发,可以参考uni-app官方文档进行配置:https://uniapp.dcloud.io/collocation/vite 以上就是使用vue3+ts+vite+uniapp搭建微信小程序的步骤。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值