基于[uni-app]校园简单微信小程序
是我无知
原来小程序还需要https的 我裂开 这不是就要用云函数嘛 … 哎
#项目地址
0.前言
让我们成为伟大的curd工程师吧
三天完成的小程序目录有点乱请接收
1.小程序开发框架
美化|开发框架 | 地址 | 说明 |
---|---|---|
uni-app | https://uniapp.dcloud.io/ | 开发框架 |
uView | https://www.uviewui.com/ | ui库 |
colorUI | http://docs.xzeu.com/#/ | ui库 |
2.Java后端开发框架
开发框架 | 地址 |
---|---|
Spring | https://spring.io/ |
Spring Boot | https://spring.io/projects/spring-boot |
Mybatis | https://mybatis.org/mybatis-3/zh/index.html |
3.小程序具备功能
学生界面
- 报修
- 一卡通充值
- 生活缴费
维修人员
- 维修工单
- 正在进行
- 已完成
该小程序没有拉起任何微信支付,全部为后台模拟充值缴费等.
如果需要拉起微信支付请在微信小程序里面申请支付接口
似乎需要2%的手续费吧
把我劝退了
4.界面
[1].登录
[2].补充个人信息
(1) 关于短信验证
可以在腾讯云申请 每个月好像是200条吧?
[3].主页
(1)报修申请
(2)一卡通
(3)生活缴费
(4充值)
[4].维修人员
(1)维修工单
(2)正在维修
(3)工单详情
5.对不起页面有点多~
6.项目文件结构
(1)组件Components
组件(Components) | 说明 |
---|---|
indexAccount | 主页的个人信息头 |
liftMyLife | 生活缴费的栅格栏 |
NoticeBar | 报修记录的下拉详情 |
payRecord | 充值记录 |
repairLogCard | 维修卡片 |
repairManRegister | 维修人员注册 |
steps | 步骤条 |
studentRegister | 学生页面注册 |
(2)pages(页面)
pages(页面) | 说明 |
---|---|
accountInfo | 补充个人信息 |
login | 登录 |
(3)学生(页面)
pages/Student(页面) | 说明 |
---|---|
Student/card | 一卡通充值 |
Student/repairLog | 维修记录(学生) |
Student/reqRepair | 报修页面 |
Student/index | 主页面 |
Student/liefPay | 生活充值 |
Student/life | 生活页面 |
Student/lifePaySet | 缴费宿舍设置 |
(4)维护人员(页面)
pages/RepairMan(页面) | 说明 |
---|---|
index | 主页面 |
repairList | 报修维修完结列表 |
repairDetail | 维修工单详情 |
5.全局设置
main.js
//线下接口
Vue.prototype.$baseUrl="http://127.0.0.1:8080"
// 学校名称
Vue.prototype.$schoolName="广西机电职业技术学院"
// LOGO
Vue.prototype.$schoolIcon="/static/images/gxcme.jpg"
6.总结
学校这次给的时间太赶了就一个星期
处于个人原因就只能有三天时间来做
7.难点
怎么把页面做好看怎么把页面做好看???