开发功能: 登陆页面
事先了解登录的业务流程,这个几乎所有系统都差不多,就不多说了,具体参考上一篇博客
总体开发思维:敏捷开发+前后端分离+自动化测试与运维+模块化管理
开发之前找个例子先练手 熟悉下,所以有必要做技术预研(对于老手可以跳过)
在此之前需要有原型设计图,这块工作不需我们负责,也不是我们的工作内容,有产品经理负责。
技术要求:html 、css 、javascript(Jquery)、ajax、mockjs(测试使用)
设计要求:界面设计,交互式设计、页面流程设计
界面效果图:如下图
参考其他网站布局:总体都是 用信息分类画页面布局
发现主流的形式是把基础功能和信息放在顶部,主要功能和信息放在中间,两侧放置辅助信息、最下面放置版权信息。
我们以下面的登录界面做技术预研(假设你啥也不会,这个步骤只是为了演示敏捷开发中开发人员需要的编码技术)
代码实现:
创建login.html 、login.js 、login.css (将相同页面资源文件命名一致,方便开发管理)
login.html:
<!doctype html>
<html lang="en">
<head>
<me