【微服务架构】-【架构设计】-从前端到后端再到运维-全程开发一个系统—一切从0开始—登陆页面

开发功能: 登陆页面

事先了解登录的业务流程,这个几乎所有系统都差不多,就不多说了,具体参考上一篇博客

总体开发思维:敏捷开发+前后端分离+自动化测试与运维+模块化管理

开发之前找个例子先练手 熟悉下,所以有必要做技术预研(对于老手可以跳过)

在此之前需要有原型设计图,这块工作不需我们负责,也不是我们的工作内容,有产品经理负责

技术要求:html 、css 、javascript(Jquery)、ajax、mockjs(测试使用)

设计要求:界面设计,交互式设计、页面流程设计 

界面效果图:如下图

参考其他网站布局:总体都是 用信息分类画页面布局

发现主流的形式是把基础功能和信息放在顶部,主要功能和信息放在中间,两侧放置辅助信息、最下面放置版权信息。

 

我们以下面的登录界面做技术预研(假设你啥也不会,这个步骤只是为了演示敏捷开发开发人员需要的编码技术)

代码实现:

 创建login.html 、login.js 、login.css (将相同页面资源文件命名一致,方便开发管理)

login.html:

<!doctype html>
<html lang="en">
<head>
	<me
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Coder_Boy_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值