微信小程序-----图书馆座位预约(一)

2019.8.23

个人技术见解，不足之处敬请留言~~

微信小程序很久没动过了，上次学还是大二的寒假。由于去年报的大创大概10月份就要中期报告了，而我们组还没有一点点的行动，加上其他人有事，所以就由我来做，截至写博客的时候主要功能已经初步实现了，基本花了5天时间，很充实很累也很开心。

明月半墙，桂影斑驳，风移影动，姗姗可爱

这篇文章是总的梳理一下程序的逻辑，碰到的技术问题会另行写出，主要是自己复习，或者能帮到别人就很好吖。

一.为什么要使用小程序？

一开始的打算是做成一个web的网页来的，想着还能锻炼自己的java水平，后来实习的同学在做小程序，转念一想很适合作为我们的项目平台，小巧而且很方便，于是就决定采用这个了。
虽然之前学的东西都忘了，但是好歹学过一遍，再进行的时候就入手快的多了，基本就是哪里有问题看哪里的视频，决定采用这个以后，脑子里有对程序的基本思路，但是做的还是有点烦躁，后来组里找了理工大学同学的账号，登录了一下他们学校的座位预约系统，一下子界面的原型参考起码有了，起到很大的帮助。

二.前期想法

目标：座位预约系统
子系统需求问题：
　　1.选座位----------------------》想法：电影院选座位类似，如下图，问题在于图书馆座位分布不均匀，不像电影院大概上座位连续，所以这个问题思考了很久
　　
　　2.解决占座现象，系统上占了座位离开了却不进行签退-------》想法：这个一开始没有好的解　决方案，后来看到了理工大是采用了积分商城，监督可以获取积分，用于消除自己的不合理行为，以此解决这个问题
　　3.签到问题------------想法：在图书馆设置一个二维码扫描仪，选座成功后会生成一个二维码，持手机到图书馆扫描仪前扫描进行签到（这个因为放暑假，大创的钱拿不到，所以只是想法，不过觉得可行）

三。准备

1.界面样式，用ps做了一个，后来觉得丑，再改了别的

2.主界面
下面的就是理工大的界面，我进行了很多更改吧，但是大概功能就是这样子，存在一个就是前后端传值，提供不同楼层位置座位余量的功能，本来他这个是直接点进去就链接到相应的楼层页面了，后来我在做选座位的界面的时候有新的想法，就把这里只是当作余量显示的部分了。

3.其他
因为这个程序的主题部分只有上面两个，所以其他页面暂时也没什么必要写

tip：图标其实找起来是很麻烦的一件事情， 后来发现了一个网站，省了很多功夫
https://www.iconfont.cn----阿里巴巴矢量图库,还是免费的,马爸爸还是不错的

四.问题

这里的每个问题都会再单独写出来，这里只是思路
1.前后端交互
一直虽然json，ajax啥的都会一些，但是正儿八经项目没用过，所以这次给了很多麻烦，要注意的是小程序在访问远程服务器的时候必须是https协议的网址，这还得备案，好歹我之前买过服务器，折腾的也差不多会。
这里的主要问题就是：
①后端传过来的json数据我半天取不出来，因为wxml页面要进行渲染，数据以数组的形式存放是最方便和我目前唯一会的，但是半天就是读不出来。
②测试的后端就是直接写了一个servlet，但是我只在远程服务器上部署过静态页面，并没有部署过打成war包的java代码部分。
2.选座界面用户点击座位后的局部更新渲染问题
简单来说就是当页面加载的时候后端数据库会提供座位status信息，onLoad的时候前端进行判断渲染，但是用户点击以后要对座位状态进行更改，更改完了以后重新渲染<这里前前后后换了3种方案，着实麻烦>
3.选座界面初始座位渲染问题

、。。。。。。。。。到这里下班一会儿了，就先这样，之后的每个问题都会单独写出来