problemsGroup

前端作业

问题1、实现一个简单的响应式卡片

请使用 HTML/CSS 实现如下效果，注意这个页面在不同屏幕尺寸时，有不同布局。

问题2、使用 Vue 实现一个表单编辑界面

基本需求

开发一个【组织管理】的表单页面，这个界面用于管理组织/机构，及其下的成员信息。数据信息以 JSON 形式提供。

技术需求

必需

使用 Vue 3
使用 Typescript

可选

如果需要可以使用一个 CSS 库（首选 tailwindcss）

功能需求

Spec 1

用户可以修改组织详情（名称）
用户可以移动组织到另一个组织下
用户可以创建组织

Spec 2

用户可以修改组织中的成员信息（名称、年龄、状态）
用户可以移动成员到另一个组织下
用户可以创建成员
用户可以将成员设置为管理员，当成员为激活状态时

注意：

如果输入无效，请给予适当提示
用户可以取消当前修改，在保存之前
用户提交请求时，处理相关的响应信息
可以使用任意第三方库

请在你的作答仓库中添加 srdrm@icloud.com 作为仓库协作者。

问题3、实现后端 HTTP 接口

实现后端 HTTP 接口，接口以 HTTP 协仪提供，数据传输格式为 JSON。

请使用 Node.js 及或任一 Web 框架 (koa/express/fastify) 实现

注册账户接口

实现用户账户注册，此接口向系统登记合法的用户名/密码，一旦登记成功，则可以使用已注册的用户名/密码登录。

注册失败时，应将失败信息返回给接口调用者，以下情形之一会发生失败：

用户名已存在
用户名或密码不符合规范

用户名规范	密码规范
长度在 5 - 20 之间必须由小写英文字母，数字，及下划线组成不能以数字开头	长度须 6 位以上须包含大写，小写，数字至少二项

HTTP 方法/URL：

POST /accounts/signup

请求体：

{
  "username": "username",
  "password": "password"
}

响应：

无论是否注册成功，HTTP 状态码均为 200 OK，若其他状态，则表示服务器异常。

响应体

成功时，返回格式：

{
  "ok": true,
  "status": 200
}

失败，用户名已存在，应返回：

{
  "ok": false,
  "status": 500,
  "msg": "用户名已存在"
}

失败，用户名或密码不符合规范时， status 返回 401，msg 字段应返回详细的不规范信息

{
  "ok": false,
  "status": 401,
  "msg": "用户名不规范，长度应在 5 - 20 之间"
}

登录接口

接受用户名/密码，如与数据库中已匹配的，则返回成功，并创建会话设置 cookie，否则提示用户名或密码不正确

cywcd / problemsGroup