随笔分类 - 实战项目专题
写过的项目实战
摘要：体检预约流程 用户可以通过如下操作流程进行体检预约： 1、在移动端首页点击体检预约，页面跳转到套餐列表页面 2、在套餐列表页面点击要预约的套餐，页面跳转到套餐详情页面 3、在套餐详情页面点击立即预约，页面跳转到预约页面 4、在预约页面录入体检人信息，包括手机号，点击发送验证码 5、在预约页面录入收到
阅读全文
摘要：前面我们已经学习了Freemarker的基本使用方法，下面我们就可以将Freemarker应用到项目中，帮我们生成移动端套餐列表静态页面和套餐详情静态页面。接下来我们需要思考几个问题： （1）什么时候生成静态页面比较合适呢？ （2）将静态页面生成到什么位置呢？ （3）应该生成几个静态页面呢？ 对于第
阅读全文
摘要：assign指令 assign指令用于在页面上定义一个变量 （1）定义简单类型 <#assign linkman="周先生"> 联系人：${linkman} （2）定义对象类型 <#assign info={"mobile":"13812345678",'address':'北京市昌平区'} > 电
阅读全文
摘要：页面静态化介绍 本章课程中我们已经实现了移动端套餐列表页面和套餐详情页面的动态展示。但是我们需要思考一个问题，就是对于这两个页面来说，每次用户访问这两个页面都需要查询数据库获取动态数据进行展示，而且这两个页面的访问量是比较大的，这就对数据库造成了很大的访问压力，并且数据库中的数据变化频率并不高。那我
阅读全文
摘要：短信服务介绍 目前市面上有很多第三方提供的短信服务，这些第三方短信服务会和各个运营商（移动、联通、电信）对接，我们只需要注册成为会员并且按照提供的开发文档进行调用就可以发送短信。需要说明的是这些短信服务都是收费的服务。 本项目短信发送我们选择的是阿里云提供的短信服务。 短信服务（Short Mess
阅读全文
摘要：前面我们已经完成了体检套餐列表页面动态展示，点击其中任意一个套餐则跳转到对应的套餐详情页面（/pages/setmeal_detail.html），并且会携带此套餐的id作为参数提交。 请求路径格式：http://localhost/pages/setmeal_detail.html?id=10 在
阅读全文
摘要：移动端首页为/pages/index.html，效果如下： 点击体检预约直接跳转到体检套餐列表页面（/pages/setmeal.html） 完善页面 展示套餐信息 <ul class="list"> <li class="list-item" v-for="setmeal in setmealLi
阅读全文
摘要：需求分析 用户在体检之前需要进行预约，可以通过电话方式进行预约，此时会由体检中心客服人员通过后台系统录入预约信息。用户也可以通过手机端自助预约。本章节开发的功能为用户通过手机自助预约。 预约流程如下： 1、访问移动端首页 2、点击体检预约进入体检套餐列表页面 3、在体检套餐列表页面点击具体套餐进入套
阅读全文
摘要：移动端开发方式 随着移动互联网的兴起和手机的普及，目前移动端应用变得愈发重要，成为了各个商家的必争之地。例如，我们可以使用手机购物、支付、打车、玩游戏、订酒店、购票等，以前只能通过PC端完成的事情，现在通过手机都能够实现，而且更加方便，而这些都需要移动端开发进行支持，那如何进行移动端开发呢？ 移动端
阅读全文
摘要：本章节要完成的功能为通过点击日历中的设置按钮来设置对应日期的可预约人数。效果如下： 完善页面 为设置按钮绑定事件 为日历中的设置按钮绑定单击事件，当前日期作为参数 <button v-if="dayobject.day > today" @click="handleOrderSet(dayobjec
阅读全文
摘要：前面已经完成了预约设置功能，现在就需要通过日历的方式展示出来每天设置的预约人数。 在页面中已经完成了日历的动态展示，我们只需要查询当前月份的预约设置信息并展示到日历中即可，同时在日历中还需要展示已经预约的人数，效果如下： 完善页面 使用静态数据调试 为了能够快速看到效果，我们可以先使用静态数据模拟，
阅读全文
摘要：预约设置信息对应的数据表为t_ordersetting，预约设置操作对应的页面为ordersetting.html t_ordersetting表结构： orderDate：预约日期 number：可预约人数 reservations：已预约人数 批量导入预约设置信息操作过程： 1、点击模板下载按钮
阅读全文
摘要：POI介绍 Apache POI是用Java编写的免费开源的跨平台的Java API，Apache POI提供API给Java程序对Microsoft Office格式档案读和写的功能，其中使用最多的就是使用POI操作Excel文件。 jxl：专门操作Excel maven坐标： <dependen
阅读全文
摘要：Quartz介绍 Quartz是Job scheduling（作业调度）领域的一个开源项目，Quartz既可以单独使用也可以跟spring框架整合使用，在实际开发中一般会使用后者。使用Quartz可以开发一个或者多个定时任务，每个定时任务可以单独指定执行的时间，例如每隔1小时执行一次、每个月第一天上
阅读全文
摘要：完善页面 定义分页相关模型数据 pagination: {//分页相关模型数据 currentPage: 1,//当前页码 pageSize:10,//每页显示的记录数 total:0,//总记录数 queryString:null//查询条件 }, dataList: [],//当前页要展示的分页
阅读全文
摘要：需求分析 套餐其实就是检查组的集合，例如有一个套餐为“入职体检套餐”，这个体检套餐可以包括多个检查组：一般检查、血常规、尿常规、肝功三项等。所以在添加套餐时需要选择这个套餐包括的检查组。 套餐对应的实体类为Setmeal，对应的数据表为t_setmeal。套餐和检查组为多对多关系，所以需要中间表t_
阅读全文
摘要：介绍 在实际开发中，我们会有很多处理不同功能的服务器。例如： 应用服务器：负责部署我们的应用 数据库服务器：运行我们的数据库 文件服务器：负责存储用户上传文件的服务器 分服务器处理的目的是让服务器各司其职，从而提高我们项目的运行效率。 常见的图片存储方案： 方案一：使用nginx搭建图片服务器 方案
阅读全文
摘要：完善页面 用户点击编辑按钮时，需要弹出编辑窗口并且将当前记录的数据进行回显，用户修改完成后点击确定按钮将修改后的数据提交到后台进行数据库操作。此处进行数据回显的时候，除了需要检查组基本信息的回显之外，还需要回显当前检查组包含的检查项（以复选框勾选的形式回显）。 绑定单击事件 需要为编辑按钮绑定单击事
阅读全文
摘要：完善页面 定义分页相关模型数据 pagination: {//分页相关模型数据 currentPage: 1,//当前页码 pageSize:10,//每页显示的记录数 total:0,//总记录数 queryString:null//查询条件 }, dataList: [],//当前页要展示的分页
阅读全文
摘要：需求分析 检查组其实就是多个检查项的集合，例如有一个检查组为“一般检查”，这个检查组可以包括多个检查项：身高、体重、收缩压、舒张压等。所以在添加检查组时需要选择这个检查组包括的检查项。 检查组对应的实体类为CheckGroup，对应的数据表为t_checkgroup。检查组和检查项为多对多关系，所以
阅读全文
