Webapp 开发流程

流程

总体框架：建立《前端开发文档》包括该模块的资源清单、文件命名规范和参考案例、js 类命名规范及参考案例、字段命名、前端注意事项
数据模型：如果有 api 操作，要整理及建立 json 格式的测试数据，据此整理及建立该模块的 model
后台接口：与后端人员修订 test data 并建立 API 文档，让后端开发 API
视图逻辑：分析 UI 逻辑定出该模块的 view，确定各个 view 的功能及 view 与 view，view 与 model 的相互关系（event）
完成开发：html css js 开发。
整理代码：从 test data 切换到 ajax api 数据，完善 html、css。抽象组件并提交到上游。

技巧

开发时使用测试数据用 jquery get ajax api，回调时使用 setTimeout

  $.getJSON('/mock-data/get_post_list.json', function(ret) {setTimeout(function() {PostList._addItems(ret);}, 1000)});

可以访问我博客查看：
http://zaishanda.com/post/Webapp%20%E5%BC%80%E5%8F%91%E6%B5%81%E7%A8%8B

Webapp 开发流程相关推荐

一 Struts2 开发流程
SSH与SSM简介 SSM:Spring+SpringMVC+Mybatis SSH:Struts2+Hibernate+Spring Struts2:是侧重于控制层的框架 Hibernate:是一个 ...
SpringMVC+Mybatis框架集成开发基础——项目开发流程——01
项目开发一般流程: 1.描述项目的主要功能及各个模块的功能 2.系统采用的技术方案 3.创建E-R模型图(实体关系模型图,数据库) 4.搭建数据库环境.创建数据库表及表间约束 5.搭建项目 ...
SpringMVC开发流程
SpringMVC开发流程 1. SpringMVC概述 1.1 SpringMVC概念 1.2 SpringMVC原理 1.3 SpringMVC优势 2. MVC模式回顾 3. 入门程序 3.1 ...
简述Web程序开发流程
总体开发流程分析需求, 列出功能清单或写需求说明书. 设计程序功能, 写功能规格书和技术规格书. 进入开发与测试的迭代. 调试和性能等专项测试. 部署上线运维前端开发流程根据功能规格绘制页面草 ...
移动端开发者眼中的前端开发流程变迁与前后端分离
写在最开始这是一篇面向移动端开发者的科普性文章,从前端开发的最初流程开始,结合示范代码,讨论开发流程的演变过程,希望能覆盖一部分前端开发技术栈,从而对前端开发的相关概念形成初步的认识. 本文会提供一 ...
node.js的开发流程_Node.js子流程：您需要了解的一切
node.js的开发流程 by Samer Buna 通过Samer Buna Node.js子流程:您需要了解的一切 (Node.js Child Processes: Everything you ...
软件开发流程包含哪些内容
2019独角兽企业重金招聘Python工程师标准>>> 能否开发出一个好的软件,关键是看软件开发前期所做的工作,重点是这个软件有没有一个好的软件开发流程,因为一个好的软件开发流程关 ...
TCP 网络应用程序开发流程
TCP 网络应用程序开发流程 1. TCP 网络应用程序开发流程的介绍 TCP 网络应用程序开发分为: TCP 客户端程序开发 TCP 服务端程序开发说明: 客户端程序是指运行在用户设备上的程序 , ...
web开发流程 - 网上商城示例
一.需求确定 1:通过各种手段确定系统的功能与性能 1)功能:注册.浏览.搜索... 2)性能:可同时支持n个并发访问,并且响应时间不低于m毫秒... 3)手段:头脑风暴(brain ...

Webapp 开发流程

流程

技巧

Webapp 开发流程相关推荐

最新文章

热门文章