基于[uni-app]校园简单微信小程序

是我无知

原来小程序还需要https的 我裂开 这不是就要用云函数嘛 … 哎

#项目地址

Gitte

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.难点

怎么把页面做好看怎么把页面做好看???