照明灯具交易网站采用B/S模式架构系统,开发简单,只需要连接网络即可登录本系统,不需要安装任何客户端。开发工具采用VSCode,前端采用Vue+ElementUI,后端采用Node.js,数据库采用MySQL。
涉及的技术栈
1) 前台页面:
页面结构布局采用Vue框架,可能会使用到第三方组件库Element-ui或View Design组件库、axios发送请求、html和less语法。
2) 后台服务器:
服务器搭建采用基于node的Express框架快速搭建服务器,需要引入mysql模块进行对数据库的操作
3) 数据库:
mysql数据库,Navicat可视化工具辅助操作数据库
本课题拟采用主流的MVC架构、MySQL数据库技术、Vue.js技术和现代网络通讯技术来完成。
为保证所开发的系统的合理性,需要严格按照系统设计过程涉及到的各个环节进实施。具体而言,软件开发是根据用户要求建造出软件系统或者系统中的软件部分的过程,是一项包括需求获取、需求分析、设计、实现和测试的系统工程。因此本课题将结合软件工程的设计思路和方法,分别从设计软件的功能和实现的算法和方法、软件的总体结构设计和模块设计、编程和调试、程序联调和测试以及编写、提交程序等各项内容分别去展开。
开发语言 node.js
前端:vue.js+ElementUi
数据库:mysql
数据库工具:Navicat/SQLyog都可以
开发运行软件:VScode/webstorm/hbuiderx均可
框架:Express
Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用的,Vue也能够为复杂的单页应用提供驱动。
Vue的响应式原理是其中很重要的一部分:
1、当我们把一个简单的javascript对象传入Vue实例作为data选项时,Vue会遍历它的每一个属性,通过Object.defineProperty重写每一个属性的setter/getter方法
2、每一个组件实例都对应着一个watcher(订阅者)实例,当组件渲染时,他会将接触过的所有数据属性收集为依赖(getter触发,收集依赖)
3、当依赖项的setter属性触发时,会通知watcher,从而使与之相关的所有组件重新渲染(re-render),生成虚拟DOM树
该系统将采用B/S结构模式,开发软件有很多种可以用,本次开发用到的软件是vscode,用到的数据库是MySQL,为了更加便捷地使用数据库,用到了MySQL的可视化工具SQLyog/Navicat。
使用Vue和ElementUI框架搭建前端页面,后端使用nodejs来搭建服务器,并使用MySQL,通过axios完成前后端的交互
系统的开发框架使用Vue技术,数据库服务器使用MySQL,开发环境使用VScode。Vue会因为数据的变化而变化,使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作,而且Vue运行起来更加方便快捷,非常具有流畅性。MySQL体积较小运行十分便捷,执行命令迅速。它通过一个高度优化的类库实现SQL函数库并像他们能达到的一样快速,通常在查询初始化后不该有任何内存分配。没有内存漏洞。在它多数据支持下,项目可以轻松运行并完成。VScode是我们最常用的网页编辑器,通过日常学习,我们基本熟练运用,在完成项目的过程中,我们可以更加节省时间。而且VScode包含很多插件并且免费,下载更加快捷方便,可以给我们提供很多便捷条件。运行的便捷给我提供很大帮助。