NodeJS实验室教学日志系统小程序(文档+源码)_kaic

第五章 系统实现5.1用户功能模块用户通过输入账号、密码、昵称、邮箱、手机、身份、用户姓名、用户性别、用户年龄等个人信息注册账号如图5-1所示。图5-1用户注册界面图用户登录后可以查看和操作首页实验室、设备器材、实验耗材、网站公告、新闻资讯、我的基本信息、预约信息、设备借用、设备归还、购买订单等功能模块如图5-2所示。图5-2用户功能界面图公告通知用户可以查看标题、发布时间等信息进行查询等操作如图5-3所示。图5-3公告通知界面图第二章 关键技术的研究2.1 node.js框架V8引擎本身使用了一些最新的编译技术。这使得用Javascript这类脚本语言编写出来的代码运行速度获得了极大提升又节省了开发成本。对性能的苛求是Node的一个关键因素。 Javascript是一个事件驱动语言Node利用了这个优点编写出可扩展性高的服务器。Node采用了一个称为“事件循环(event loop”的架构使得编写可扩展性高的服务器变得既容易又安全。提高服务器性能的技巧有多种多样。Node选择了一种既能提高性能又能减低开发复杂度的架构。这是一个非常重要的特性。并发编程通常很复杂且布满地雷。Node绕过了这些但仍提供很好的性能。Node采用一系列“非阻塞”来支持事件循环的方式。本质上就是为文件系统、数据库之类的资源提供接口。向文件系统发送一个请求时无需等待硬盘寻址并检索文件硬盘准备好的时候非阻塞接口会通知Node。该模型以可扩展的方式简化了对慢资源的访问 直观易懂。尤其是对于熟悉onmouseover、onclick等DOM事件的用户更有一种似曾相识的感觉。2.2 Vue.js 主要功能Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层并且非常容易学习非常容易与其它库或已有项目整合。另一方面Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习非常容易与其它库或已有项目整合。另一方面在与相关工具和支持库一起使用时Vue.js 也能驱动复杂的单页应用。2.3 MVVM模式介绍MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验如Silverlight、音频、视频、3D、动画……这导致了软件UI层更加细节化、可定制化。同时在技术层面WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVMModel-View-ViewModel框架的由来便是MVPModel-View-Presenter模式与WPF结合的应用方式时发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性糅合进去以应对客户日益复杂的需求变化。2.4 B/S体系工作原理B/S架构采取浏览器请求服务器响应的工作模式。用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息而每一个Web服务器又可以通过各种方式与数据库服务器连接大量的数据实际存放在数据库服务器中从Web服务器上下载程序到本地来执行在下载过程中若遇到与数据库有关的指令由Web服务器交给数据库服务器来解释执行并返回给Web服务器Web服务器又返回给用户。在这种结构中将许许多多的网连接到一块形成一个巨大的网即全球网。而各个企业可以在此结构的基础上建立自己的Internet。在 B/S 模式中用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的浏览器的请求通过服务器进行处理并将处理结果以及相应的信息返回给浏览器其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器该结构已经成为了当今软件应用的主流结构模式。