电商网站模版,无锡市滨湖区建设局网站,做网站开发的过程,个人网站备案信息填写单体架构出现的问题 引出#xff1a;来看一个单体项目架构的结构 通过上述可以看到单体架构主要存在以下几点问题#xff1a; 开发人员同时负责前端和后端代码开发#xff0c;分工不明确开发效率低前后端代码混合在一个工程中#xff0c;不便于管理对开发人员要求高(既会前…单体架构出现的问题 引出来看一个单体项目架构的结构 通过上述可以看到单体架构主要存在以下几点问题 开发人员同时负责前端和后端代码开发分工不明确开发效率低前后端代码混合在一个工程中不便于管理对开发人员要求高(既会前端又会后端)人员招聘困难
前后端分离 为了解决上述提到的问题现在比较主流的开发方式就是前后端分离开发前端人员开发前端的代码后端开发人员开发服务端的业务功能分工明确各司其职。我们本章节就是需要将之前的项目进行优化改造变成前后端分离开发的项目。 前后端分离开发就是在项目开发过程中对于前端代码的开发由专门的前端开发人员负责后端代码则由后端开发人员负责这样可以做到分工明确、各司其职提高开发效率前后端代码并行开发可以加快项目开发进度。 目前前后端分离开发方式已经被越来越多的公司所采用成为当前项目开发的主流开发方式。 前后端分离开发后从工程结构上也会发生变化即前后端代码不再混合在同一个maven工程中而是分为 前端工程 和 后端工程 。 前后端分离之后不仅工程结构变化后期项目上线部署时与之前也不同: 之前: 前后端代码都混合在一起我们只需要将前端和后端的代码统一打成jar包直接运行就可以了。 现在: 拆分为前后端分离的项目后最终部署时后端工程会打成一个jar包运行在Tomcat中 (springboot内嵌的tomcat)。前端工程的静态资源会直接部署在Nginx中进行访问。 前后端分离开发后面临一个问题就是前端开发人员和后端开发人员如何进行配合来共同开发一个项目可以按照如下流程进行 定制接口: 这里所说的接口不是我们之前在service mapper层定义的interface 这里的接口(API接口)就是一个http的请求地址主要就是去定义请求路径、请求方式、请求参数、响应数据等内容。(具体接口文档描述的信息, 如上图) 前后端并行开发: 依据定义好的接口信息前端人员开发前端的代码服务端人员开发服务端的接 口 在开发中前后端都需要进行测试后端需要通过对应的工具来进行接口的测试前端需要根据接口定义的参数进行Mock数据模拟测试。 联调: 当前后端都开发完毕并且自测通过之后就可以进行前后端的联调测试了在这一阶段主要就是校验接口的参数格式。 提测: 前后端联调测试通过之后就可以将项目部署到测试服务器进行自动化测试了。
开发工具 Visual Studio Code (简称VsCode) Hbuilder 技术框架
A. Node.js: Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。(类似于java语言中的JDK)。
B. Vue : 目前最火的的一个前端javaScript框架。
C. ElementUI: 一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库通过ElementUI组件可以快速构建项目页面。
D. Mock: 生成随机数据拦截 Ajax 请求前端可以借助于Mock生成测试数据进行功能测试。
E. Webpack: webpack 是一个现代 JavaScript 应用程序的模块打包器(module bundler)分析你的项目结构找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言SassTypeScript等并将其转换和打包为合适的格式供浏览器使用。
