摘要：随着智能手机一步步走进人们的服务，它将成为人们获取信息的主要设备，相关应用越来越广泛，并在人们的日常服务中扮演着越来越重要的角色。因此，关键应用程序的开发成为影响移动智能终端普及的重要因素，设计并开发实用、方便的应用程序具有重要的意义和良好的市场前景。因此我选择了基于微信小程序的校园服务帮手，利用微信小程序“触手可及”，“用完即走”，“随时可用”，但又无需安装卸载的特点来吸引用户，实现对校园服务信息进行管理的系统。
根据需求，确定系统采用JSP技术，JAVA作为编程语言，MySQL作为数据库。整个系统要操作方便、易于维护、灵活实用。主要实现了个人中心、用户管理、寻物启事管理、物品分类管理、快递代取管理、表白广场管理、吐槽大会管理、应用分组管理、交易类型管理、拼车出行管理、系统管理等功能。
关键词：微信小程序；校园服务帮手；JSP；MYSQL
Design and implementation of the campus services applet based on JAVA
Abstract: As smart phones step by step into people’s services, it will become the main equipment for people to obtain information, related applications are more and more widely, and play an increasingly important role in people’s daily services.Therefore, the development of key applications has become an important factor affecting the popularity of mobile intelligent terminals, and the design and development of practical and convenient applications are of great significance and good market prospects.Therefore, I chose the campus service helper based on the wechat small program, using the wechat small program “within reach”, “use up”, “available at any time”, but do not need to install and uninstall the characteristics to attract users, to realize the system of campus service information management. According to the requirements, the determination system adopts JSP technology, JAVA as programming language and MySQL as database.The whole system should be easy to operate, easy to maintain, flexible and practical.It mainly realizes the functions of personal center, user management, object finding notice management, item classification management, express agent management, express square management, ridicule conference management, application group management, transaction type management, ride-sharing management, system management and so on.
Key words: wechat mini program; campus service helper; JSP; MYSQL
目录
第一章 绪论 1
1.1 系统开发目的 1
1.2 系统开发意义 1
1.3 研究内容 1
第二章 校园服务系统相关技术 2
2.1 JSP技术概述 2
2.2 JAVA语言 2
2.3 MyEclipse简介 3
2.4 MYSQL数据库 4
2.5 微信小程序 4
第三章 校园服务系统可行性及需求分析 6
3.1 可行性分析 6
3.1.1技术可行性 6
3.1.2 经济可行性 6
3.1.3操作可行性 6
3.2 系统功能分析 7
3.3 系统功能结构图 8
3.4 系统流程图 8
第四章 校园服务系统数据库设计 10
4.1 数据库逻辑结构设计 10
4.2 数据库物理结构设计 11
第五章 校园服务系统的详细设计与实现 17
5.1 服务器端实现 17
5.1.1 后台登陆页面 17
5.1.2 用户管理信息页面 17
5.1.3 快递代取管理信息页面 18
5.1.4 应用分组管理信息页面 18
5.2 客户端实现 19
5.2.1 登录模块客户端页面 19
5.2.2 寻物启事页面 19
5.2.3 表白广场页面 20
5.2.4 应用分组页面 21
5.2.5 用户信息页面 22
第六章 校园服务系统测试 24
6.1 测试的目的 24
6.2 测试的步骤 24
6.3 测试的主要内容 24
第七章 总结与展望 26
致 谢 27
参考文献 28
小程序页面部分代码：
// index.js
// 获取应用实例
var miniApi = require("../../utils/miniApi.js");
const app = getApp()
var _this;
Page({
data: {
PageCur: 'index',
MsgNum: app.globalData.MsgNum,
UserUp: app.globalData.UserUp,
cardCur: 0,
swiperList: [{
id: 0,
type: 'image',
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big84000.jpg'
}, {
id: 1,
type: 'image',
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big84001.jpg',
}, {
id: 2,
type: 'image',
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big39000.jpg'
}, {
id: 3,
type: 'image',
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg'
}, {
id: 4,
type: 'image',
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big25011.jpg'
}, {
id: 5,
type: 'image',
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big21016.jpg'
}, {
id: 6,
type: 'image',
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg'
}],
gridCol: 5,
expressServiceTypeArr: [
{id: 1, icon: '/images/icon/express-daiqu.png', name: '代取快递'},
{id: 2, icon: '/images/icon/express-jijian.png', name: '我要寄件'},
{id: 3, icon: '/images/icon/express-kuaisong.png', name: '校区快送'},
],
wasteTypeArr: [
{id: 1, icon: '/images/icon/jiushu.png', name: '书、纸'},
{id: 2, icon: '/images/icon/jiuyifu.png', name: '衣物'},
{id: 3, icon: '/images/icon/xiemao.png', name: '鞋帽'},
{id: 4, icon: '/images/icon/chuangdanbeizhao.png', name: '床单被罩'},
{id: 5, icon: '/images/icon/yinliaoping.png', name: '饮料水瓶'}
],
},
// 事件处理函数
bindViewTap() {
wx.navigateTo({
url: '../logs/logs'
})
},
onLoad() {
this.towerSwiper('swiperList');
// 初始化towerSwiper 传已有的数组名即可
},
DotStyle(e) {
this.setData({
DotStyle: e.detail.value
})
},
// cardSwiper
cardSwiper(e) {
this.setData({
cardCur: e.detail.current
})
},
// towerSwiper
// 初始化towerSwiper
towerSwiper(name) {
let list = this.data[name];
for (let i = 0; i < list.length; i++) {
list[i].zIndex = parseInt(list.length / 2) + 1 - Math.abs(i - parseInt(list.length / 2))
list[i].mLeft = i - parseInt(list.length / 2)
}
this.setData({
swiperList: list
})
},
// towerSwiper触摸开始
towerStart(e) {
this.setData({
towerStart: e.touches[0].pageX
})
},
// towerSwiper计算方向
towerMove(e) {
this.setData({
direction: e.touches[0].pageX - this.data.towerStart > 0 ? 'right' : 'left'
})
},
// towerSwiper计算滚动
towerEnd(e) {
let direction = this.data.direction;
let list = this.data.swiperList;
if (direction == 'right') {
let mLeft = list[0].mLeft;
let zIndex = list[0].zIndex;
for (let i = 1; i < list.length; i++) {
list[i - 1].mLeft = list[i].mLeft
list[i - 1].zIndex = list[i].zIndex
}
list[list.length - 1].mLeft = mLeft;
list[list.length - 1].zIndex = zIndex;
this.setData({
swiperList: list
})
} else {
let mLeft = list[list.length - 1].mLeft;
let zIndex = list[list.length - 1].zIndex;
for (let i = list.length - 1; i > 0; i--) {
list[i].mLeft = list[i - 1].mLeft
list[i].zIndex = list[i - 1].zIndex
}
list[0].mLeft = mLeft;
list[0].zIndex = zIndex;
this.setData({
swiperList: list
})
}
},
expressServiceTypeChange(event) {
var typeId = event.currentTarget.dataset.expressservicetypeid
console.log(typeId)
if (typeId == 1) {
miniApi.navigateTo('/pages/template/express/take/take')
} else if (typeId == 2) {
miniApi.navigateTo('/pages/template/express/send/send')
}
},
wasteTypeChange(event) {
miniApi.navigateTo('/pages/template/waste-collection/home/home?wasteTypeId=' + event.currentTarget.dataset.wastetypeid)
},
printService() {
miniApi.navigateTo('/pages/template/adv-print/document-print/redirect')
},
photoService() {
miniApi.navigateTo('/pages/template/adv-print/photo/print/print')
}
})
