前端编码，依据页面可视元素和操作，编写系统操作步骤及页面说明。
| 项目 | 描述 |
|---|---|
| 标题 | 分类+界面 |
| 名称 | 访问路由路径 |
| 页面 | 页面文件放置路径 |
| 原型 | 选择对应的原型设计 |
| 附件 | 上传相关文件 |
| 描述 | 详细叙述页面具体元素、操作、系统响应， 便于指导后续测试及系统操作手册编写 |
| 接口 | 页面使用到的接口，通过右边菜单选择 对应的接口，与引用的使用一样。 |
| 引用 | 弱关系 |
标题
- 分类：如APP/WEB，非必要
- 界面：可于与原型设计界面一样，若需将原型分解，按照单独为页面命名
弱关系
- 若A被页面编码引用，则表示A的上文；格式为“（上文）【入口】页面编码 + 标题”
- 若A与页面编码存在关系，则表示A的下文；格式为“（下文）【出口】页面编码 + 标题”
A提示和B提示说明应在原型设计加以说明。
示例
- 标题：WEB登录页面
- 名称：/Login
- 页面：Views/Login/Login.html
- 原型：WEB登录页面
- 附件：无
- 描述：填写登录信息登陆账号、登陆密码，点击【登陆】按钮
- 若登陆信息验证通过，则提交系统；
- 若登陆信息正确，则页面转向系统首页；
- 若登陆信息有误，则B提示错误信息：
- 【登陆账号不存在】
- 【该账号已被停用，请与管理员联系】
- 【登陆密码错误】
- 若登陆信息验证不通过，则A提示验证信息：
- 【登陆账号不能为空】
- 【登陆密码不能为空】
- 操作说明：
- 简要说明使用方式
用户打开系统访问地址，进入到系统登录界面，输入账号和密码，点击登录按钮，登录成功则直接跳转到系统首页，不成功则提示用户不成功信息。- 图片
截已完成的完整页面- 引用：
- （下文）【出口】页面编码-WEB系统首页
- 接口：见《附表：接口》
附表：接口
| 通讯接口 | 子模块 | 系统模块 | 备注 |
|---|---|---|---|
| 登录 | 登录管理 | 系统安全 |