1 Unstar Star 0 Fork 0

飞道学院 / fd-web-serverTypeScriptMIT

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

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

调用服务

调用的服务为后台服务,后台服务包括:java、node、python

页面逻辑

左侧菜单

  1. 左侧菜单使用的a标签,不需要使用事件操作

头部

  1. 鼠标放到设置上,显示下拉框,css处理,无需代码实现。
  2. 点击修改密码显示修改密码弹出框。

列表

  1. 点击新增渠道显示新增渠道弹出框
  2. 点击删除渠道,先判断是否选择了渠道,若选择渠道信息,则显示提示弹出框,选择确定后删除信息
  3. 列表下方为分页控件
  4. 切换显示每页显示的数据,则会重新刷新当前页面的数据

修改密码弹出框

  1. 三个输入框都必须输入内容
  2. 新密码和确认密码必须一致
  3. 新密码不能和当前密码一样
  4. 符合条件后调用修改密码服务
  5. 取消按钮和上侧×为关闭当前的弹出框

新增渠道

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

提示弹出框

  1. 点击确定按钮后给之前调用此组件的组件进行反馈
  2. 取消按钮和上侧×为关闭当前的弹出框

以组件修改密码弹出框为例

  1. 获取节点内容,符合逻辑后,调用java服务进行修改密码
  2. 可以查看现有已经封装好的方法(https://feidao-edu.gitee.io/atom-api/)
  3. 只需查看1.2,1.3两个目录
  4. 所有在b中引入的响应只能查看1.2的分类
  5. 点击1.2 客户端进入页面,有多个分类。此为调用服务,则查看服务分类
  6. 查看此分类下是否有服务满足此需求
  7. 引入封装好的方法
import update_pwd from '@feidao/web/atom/browser/msg/update-pwd';
  1. 查看方法定义,此方法有5个参数,参数的值是什么可以查看具体的API;返回的结果为异步
export default function update_pwd(spaceid: string, edit_type: 'normal' | 'email' | 'phone', id: string, password: string, captcha: string): Promise<any>;
  1. 调用方法,spaceid为组件初始化时传入的参数,可以通过fd.data.spaceid获取
await update_pwd(fd.data.spaceid, 'normal', 'usercode', new_pwd, current_pwd);

Comments ( 0 )

Sign in for post a comment

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

Search

132457 8cb2edc1 1899542 131848 70c8d3a4 1899542