1.前后端混合开发模式
前后端混合,是指代码的混合。前端编写静态页面发送给服务器端人员二次操作。所有html代码和数据在服务器拼接好,一次性将所有内容发送到客户端,浏览器执行代码,将内容呈现给用户。
缺点:前后端交接困难,对彼此代码不熟悉;代码会产生覆盖,工作量大。
example:标签没有闭合导致页面混乱,JavaScript位置不对导致特效报错,前端人员需要到服务器端代码修改。从公共服务器下载,修改后再传送到公共服务器中,服务器端人员需要更新到本地计算机中才能向公共服务器中上传文件,否则就会覆盖。
2.前后端分离开发模式
分离是指代码上的分离,服务器端人员不会涉及到客户端代码,前端工作人员也不会涉及到服务器端代码。服务器端开发人员提供数据接口,前端工作人员调用接口获取数据,从而将数据显示到页面。
优点:职责分工明确,独立开发,互不影响。前端人员负责数据展示,服务器端人员负责业务逻辑编写。界面出现问题找前端,逻辑问题找服务器端。
流程:1.用户访问页面时,浏览器会得到一个只有客户端代码的HTML文件。当浏览器执行这个HTML文件后,在HTML文件中,通过ajax向服务器端发送请求,索要数据。
项目架构
数据层:MongoDB数据库
服务器层:node.js(express)
客户端:art-template(模板引擎,将数据和HTML拼接) ,jQuery(操作DOM,ajax),fontawesome(字体图标库),swipe(轮播图插件)