“口腔助手”小程序的设计与实现(文档+源码)_kaic

5 系统的实现5.1 基本任务该系统的实施方式是指能精确地描绘要实施的对象以便后续的代码可以按照系统的实际情况用编程的方式来写相应的软件。系统实现的基本任务如下1模块的数据结构进行设计在之前的需求分析、概要设计中更加明确地界定更加含糊的资料类型。2更加精确地对每个模板进行了更加细致的算法设计并对每个组件的处理过程进行了算法的说明。3执行实体化的资料库。4其他设计有时候还要考虑到系统的不同如输入/输出格式设计、代码设计、人机对话设计等。5对系统的说明书进行编写。6评审审查程序中的规则和数据库的实体构造。系统结构可分为具有三个不同功能的包的java源代码、系统的数据库文件、界面代码。java源代码中三个不同包分别为控制、逻辑、缩写层分别控制也不同的程序具有不同的性质。有了他们就能对系统的数据进行增删改查完成界面的显示和数据统计产生随机数和属性文件的读取。定时器类、翻页工具类等包含了日期转换、字符串处理、获取编译环境等信息。这些类极大地方便了Java编程日常开发中经常要用来这些类。5.2小程序前台首页界面实现当人们打开微信小程序后首先看到的就是首页界面。在这里人们能够看到微信小程序的导航条用户可以根据导航条进行查找想要的信息并进行操作首页界面如图5-1所示图5-1 首页界面第一次使用本小程序的使用者首先是要进行注册点击“注册”然后就会进入到注册的页面里面将用户信息录入注册表确认信息正确后系统才会进入登录界面用户登录成功后可使用本小程序所提供的所有功能注册界面如图5-2所示。图5-2 注册界面保健知识在保健知识页面输入标题名称进行搜索可以看到保健知识详细信息按照提示即可完成评论或收藏操作。保健知识详情如图5-3所示。图5-3 保健知识详情界面图2 系统关键技术2.1微信小程序2.1.1微信小程序的介绍微信小程序是由张小龙研发且于2017年1月9日正式推出的一种不用下载的就可以使用的轻量应用而且用完之后也不需要卸载实现了用完即走的原则因此小程序的传播消耗和获取用户的成本在一定程度上被大大地降低了。这为用户与服务的连接开辟了一种新的方式。对于微信小程序更直接的理解就是可以分解为微信和小程序由此不难理解即微信小程序的开发环境就是微信因此在微信中用户可以通过线下二维码扫一扫或者扫公众号中关联的二维码打开小程序应用或者用户还可以通过搜索小程序打开应用。微信小程序最重要也是最有优势的一点就是其占用的空间非常小因此用户从获取小程序到进入该小程序消耗的时间很少大大的提升了用户的使用体验。2.1.2微信小程序框架概述(1) 逻辑层逻辑层就是微信小程序中所有.js文件的集合在逻辑层小程序会给视图层发送处理好的数据同时视图层将时间请求反馈回来给逻辑层。其中微信团队进行了一系列的优化例如通过使用app的方法来作为小程序的入口对页面还使用了page的方法来未作页面的入口。同时还陆陆续续的提供了许多多功能的API接口这个对于开发者来说是非常便利的同时微信团队还将页面的作用域进行独立化这样使得页面具有了模块化的功能可以管理小程序的生命周期实现数据和事件的分发等功能。但是逻辑层中比较特殊的一点就是在逻辑层中的js代码并不是在浏览器中运行的因此js在web中不具有dom、window等一部分能力所以在平时的开发过程中我们要注意这些点。(2) 视图层.wxml文件和.wxss文件的集合就是组成了微信小程序的视图层其中在.wxml文件中实现页面结构的搭建包括元素组成、数据的显示、事件的绑定等。视图层的页面是通过bind绑定的同时也支持冒泡事件的绑定但这个还是有区别于HTML的on的。而.wxss文件则完成页面结构和数据的显示样式而数据的显示又是以小程序的基本单位组件(component)来展示的特别的是为了适配各式的设备屏幕微信小程序还新增了一个尺寸单位rpx通过使用这个单位来进行页面的布局很好的实现各种设备不同屏幕下的页面的自适应显示大大提高了开发者的工作效率。数据层中可以缓存临时数据本地存储可以存储或者调用网络。首页数据层中通过setData()函数将数据传递给视图层以达到数据改变驱动页面的改变的目的在 开发过程中切忌频繁使用setData()否会出现页面卡顿或数据未更新的情况。同时微信小程序还为本地的存储提供了一些比较成熟的API接口例如设置缓存数据的本地存储wx.setStorage获取缓存数据的API接口wx.getStorage以及清除缓存数据的接口wx.clearStorage。而网络的存储和调用的实现也可以通过一些成熟的API来实现例如上传文件接口wx.uploadFile,与其对应的下载文件接口wx.downloadFile和最常用的网络请求的接口wx.request。在平时的微信页面跳转中则是一些网络的调用包括页面的跳转wx.navigateTo该方法除了不能跳转至tabBar页面以外其他的都可以跳转且还可以返回原来的页面。2.2 MySQL数据库数据库系统是一个进行数据存储的系统数据库就是这个系统的库用来存放通过系统的数据数据库在开发人员的日常生活中占据了很大的地位。因为使用数据可以使自己系统存储数据更加方便、快捷[14]。MySQL之所以受到广大开发人员的欢迎主要原因使因为数据库的使用是免费的。最开始的数据库研发出后是需要收费的但是随着MySQL的出现和不断更新越来越多的用户去使用这款软件[15]。首先它是开源且免费的这样大大减少了开发的成本第二MySQL可以在多个平台上使用在MAC、Windows和Linux上都可以使用。其次它的性能也是十分强大的性价比极高。最后MySQL相比其他数据库语言来说更加简单易于上手可以与很多平台搭建联系比如本文使用的Java [16] 。2.3 B/S结构B/S架构也就是浏览器/Server (Browser/Server)是在因特网技术发展过程中 C/S架构的一种改变和完善。采用该架构可以充分利用 WWW的浏览器来完成用户接口而在前端完成交易的部分业务而服务端则完成了交易的基本功能。这就构成了3- tier的构造。B/S体系架构采用了日益完善的 WWW技术将各种 Script、 VBScript、 JavaScript、 ActiveX等技术相融合通过一款普通的网络浏览器既可以完成一些复杂的特定程序又可以节省大量的资源又可以节省大量的资源。由于视窗98/2000把浏览器技术移植到了操作系统中所以这个架构现在已经是目前最受欢迎的应用程序架构了。B/S架构也就是浏览/伺服器Browser/Server架构是指仅有一个伺服器Server被安装而客户机则使用浏览Browse来执行该软件。这是因特网技术出现后 C/S架构的一种改变与完善。它充分运用日益完善的 WWW技术并将各种 Script、 JavaScript、 ActiveX等 Script技术相融合形成了一个崭新的体系结构技术。2.4 SpringBoot框架Spring Boot是由Pivotal的开发团队在2013年开发的一个免费、轻量级、开源的系统框架。SpringBoot的主要设计思想是约定大于配置因此SpringBoot在设计时几乎达到零配置。SpringBoot集成了业界的开源框架。SpringBoot是一个非常强大的后台框架因为SpringBoot的开发基本上不需要写配置文件所以利用SpringBoot来构建网站的后台环境在SpringBoot的YML配置文件中写项目启动端口项目就可以启动了。项目的Java和静态文件由SpringBoot管理。3 系统分析3.1 可行性分析“口腔助手”小程序主要目标是实现网上的相关信息管理服务。在确定了目标后我们从以下四方面对能否实现本系统目标进行可行性分析。3.1.1 技术可行性技术上的可操作性是项目建设顺利进行的一个关键因素技术措施必须达到要求方能使项目顺利进行。该方案使用了开放源码的代码并使用Java等技术对软件的设计具有适度的困难和对电脑的硬件需求。所有的语言都很容易使用。该项目具有技术上的可行性。3.1.2 操作可行性当今社会电脑已经是耳熟能详的存在了绝大部分用户都可以通过电脑轻松操作本系统。由此可知我们的管理系统对于绝大部分用户来说操作是完全可行的并不存在操作上的盲区。3.1.3 经济可行性本系统所需要用到的所以的工具都是开源不收费的并且本系统因为不具有太过于复杂的结构用户维护系统的费用也不高。所以本系统的经济可行性是可行的。3.1.4 法律可行性此“口腔助手”小程序是自己设计的管理系统具有很大的实际意义。因为无论是软件还是数据库采用的都是开源代码因此这个系统的开发和设计并不存在侵权等问题在法律上完全具有可行性。综上所述“口腔助手”小程序在技术、经济、操作和法律上都具有很高的可行性开发此程序是可行的。3.2 系统性能分析3.2.1 系统安全性“口腔助手”小程序必须由领导机构严格执行。具体要求如下1如果要使用“口腔助手”小程序必须先注册才能进行登录。未获许可的使用者不可以任意的方法进入或浏览系统资讯及资料因而本系统将会得到保护。2在不同司法管辖区的具体实施。使用其他权限登录时无法跳过此操作。3如果专门应用该系统将包含许多必须保密的数据和信息。该系统存在系统漏洞发布此信息将给客户造成重大损失。因此我们充分保证了该规则和系统的发展趋势。3.2.2 数据完整性1必须对所有的数据进行详尽的记载而该信息的内容不得为空白。2各种资料的关联一定要恰当。3在不同的档案中同一资料资讯应该互相相符。3.3 系统功能分析“口腔助手”小程序主要有管理员医生和用户三个功能模块。以下将对这三个功能的作用进行详细的剖析。管理员模块管理员是系统中的核心用户管理员登录后可以对后台系统进行管理。主要功能有系统首页个人中心医生管理用户管理预约信息管理口腔历史管理用户反馈管理在线问诊管理保健知识管理系统管理等功能。管理员用例如图3-1所示。图3-1 管理员用例图