1 Unstar Star 0 Fork 0

飞道学院 / fd-web-actionTypeScriptMIT

Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
飞道Web前端开发-编写响应 spread retract

Clone or download
gexiaodan authored 响应
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

响应

  • 响应为一类文件的总称即逻辑文件,页面上所有的逻辑代码都存在响应文件中
  • 因事件和响应文件是一一对应的,事件存在服务端和客户端之分,则响应文件也存在服务端和客户端之分
    • 服务端的响应文件命名规范为na***na为文件前缀,***为序列号
    • 客户端的响应文件命名规范为a***,a为文件前缀,***为序列号

页面逻辑

左侧菜单

  • 菜单数据来源于数据库,并涉及用户权限;需要在组件服务端进行渲染
  • 左侧菜单使用的a标签

头部

  • 显示当前登录用户的用户名

列表

  • 点击新增时段显示新增时段弹出框
  • 列表下方为分页控件
  • 切换显示每页显示的数据,则会重新刷新当前页面的数据

新增时段弹出框

  • 标*的为必填项
  • 点击保存按钮进行保存数据
  • 取消按钮和上侧×为关闭当前的弹出框

编辑时段弹出框

  • 标*的为必填项
  • 点击保存按钮进行保存数据
  • 取消按钮和上侧×为关闭当前的弹出框

组件列表

组件编号 描述
zj-000001 左侧
zj-000002 上部
zj-000003 列表
zj-000004 新增
zj-000005 编辑

左侧组件

  • 逻辑为需要在组件服务端进行渲染数据,则需要添加特殊事件;组件服务端对应的事件在文件ns中进行绑定
  • 服务端
    • 所有的逻辑处理都需要在响应文件中实现
    • 查看ns文件中事件对应的响应,根据响应名称创建响应文件,格式为:
import { IFeidaoAiNodejsComponent } from '@feidao/web/interfaces';

export default async function na001(fd: IFeidaoAiNodejsComponent, ...args: any[]) {

}
  • na前缀的响应文件引入到n中并添加到actions
import na001 from './na001';
const actions = { na001 };
  • 客户端
    • 此组件没有客户端逻辑

上部组件

  • 逻辑:显示当前登录用户名,点击退出登录按钮退出当前系统,跳转到首页
  • 服务端
  • 服务端无逻辑处理,则不需要任何事件
  • 客户端
  • 查看s文件中事件对应的响应,根据响应名称创建响应文件,格式为:
import { IFeidaoAiBrowserComponent } from '@feidao/web/interfaces';

export default async function a000(fd: IFeidaoAiBrowserComponent, ...args: any[]) {

}
  • a前缀的响应文件引入到b中并添加到actions
// import actions
import a000 from './a000';
import a001 from './a001';
////////////////////////////////////////////////////////////////////////////////

const actions = { a000, a001 };

列表组件

  • 逻辑:默认显示考试、考试时段信息,列表信息,分页信息;点击查询按钮重新渲染列表;点击新增时段显示新增时段弹出框;点击操作按钮显示相应操作。
  • 服务端
  • 服务端响应文件创建参考左侧组件
  • 客户端
  • 客户端响应文件创建参考上部组件

新增时段组件

  • 逻辑:默认显示考试时段;点击确定按钮保存数据;点击×关闭弹框;让其他组件调用的事件让弹框显示
  • 服务端
  • 服务端响应文件创建参考左侧组件
  • 客户端
  • 客户端响应文件创建参考上部组件

编辑时段组件

  • 逻辑:默认显示考试时段;点击确定按钮修改数据;点击×关闭弹框;让其他组件调用的事件让弹框显示并渲染数据
  • 服务端
  • 服务端响应文件创建参考左侧组件
  • 客户端
  • 客户端响应文件创建参考上部组件

Comments ( 0 )

Sign in for post a comment

TypeScript
1
https://gitee.com/feidao-edu/fd-web-action.git
git@gitee.com:feidao-edu/fd-web-action.git
feidao-edu
fd-web-action
fd-web-action
master

Search

132457 8cb2edc1 1899542 131848 70c8d3a4 1899542