永康网站开发公司,公司网站推广技巧,京东商城网上购物商城,开发项目外包简介#xff1a;穿插路程#xff0c;是指快去快回#xff0c;来去一阵风#xff0c;走的快#xff0c;走马观花#xff0c;没有细品。细品那就要慢慢熬功夫喽。1.完成后的效果是#xff1a;用户访问入口页面#xff0c;录入信息#xff0c;提交后结果以逐步添加的形式…简介穿插路程是指快去快回来去一阵风走的快走马观花没有细品。细品那就要慢慢熬功夫喽。1.完成后的效果是用户访问入口页面录入信息提交后结果以逐步添加的形式展现在页面上可以对历史输入信息进行再次快捷录入。2.技术结构为后端采用python-django前端采用原生js使用ajax方式交互处理流程为用户访问入口页面时django返回一个页面用户在页面上录入数据提交后django不再返回一个页面而是返回JSON格式的数据此时前端页面展示只做部分刷新。其他前端页面只有结构没有CSS效果。JS实现AJAX异步提交、页面部分加载、历史信息快捷录入功能。后端django没有业务处理代码没有持久化层只是将输入获取到后转换为JSON格式返回。框架介绍前端后端的划分是一个逻辑上的划分也是一个物理上的划分。逻辑上的划分在于物理上前端后端的代码是在一起的所谓在一起是指他们物理上都存储在后台服务器上用户的一切操作从浏览器获取后台的入口页面开始。因为物理上在一起所以我们说是从逻辑上划分出前端和后端。物理上的划分在于后端返回页面或数据后前端的执行在用户的浏览器侧前端提交数据到后台后业务的执行在后端服务器侧。物理上是分开的。django的WEB框架叫做MTV不是K歌的MTV是Model-Template-View。这里不涉及Model模板语言也没有使用所以只说一下ViewView是视图和我们普遍理解的视图不一样而是和数据库里的视图概念类似可以理解为在后端决定如何返回数据而不是前端决定如何展示。另外还有一个很重要的框架功能路由却没有出现在MTV这个名称里。从后台开始先安装好django模块然后新建项目p1和应用a1python -m django startproject p1cd p1python manage.py startapp a1mkdir a1/templates得到项目结构可以看到项目内有全局路由(p1/urls.py)应用内有V(a1/views.py)和M(a1/models.py)T我们手工建立了目录(a1/templates)完成后台的代码配置模板目录、静态文件目录配置路由就简单的在全局路由里配置了这里只放一个后台代码图:当访问路径/hei时返回页面访问/hei/ha时返回JSON数据到前端结束前端文件都放在模板目录里有HTML页面文件、JS文件HTML页面文件简单定义页面结构输入部分和输出表格部分JS文件实现输入后的异步提交(从雨神老师的WEB全栈里学的AJAX方法)以及使用历史消息快捷录入(自己琢磨写的)首先设置按钮的提交函数获取输入值定义对ajax返回数据进行回调处理的函数调用ajax函数定义ajax函数回调函数里新增一个表格行用返回数据填充前二列第三列新建一个按钮定义它的点击事件处理函数。点击事件处理函数里获取事件发生对象的前面二列的值赋值给输入框代码可能比较不美但是都是自己手敲出来的。见附件。在chrome上测试过(已知在IE8上有JS兼容性问题当然是自己写的部分不太好啦)使用CloudIDE省事。
