项目:《tg助手》
内容:1.该项目技术栈采用 vite 脚手架搭建的项目,用到了 vue3+naiveui+pinia+tailwindcss 完成开发,主要功能是用来群发消息等功能,统一处理了接口错误的信息,各个页面的 api 接口和 store 模块化封装,前台和后台路由的按需加载,侧边菜单的动态获取,封装 naiveui 中的部分组件。
2.管理员与用户共用一个后台,根据用户权限加载不同路由,该项目做了响应式处理,可以在不同屏幕尺寸以及移动端正常浏览。
3.打开项目注册登录之后来到后台首页,主要展示欢迎消息,项目公告以及用户套餐信息,
侧边菜单包含了:套餐商城,消费记录,任务管理,数据集,管理员:用户管理,服务器管理。右上角图像点击展开下拉菜单:账户充值和退出登录,图像左边则是一个切换暗亮色的一个开关。
4.来到侧边菜单的套餐商城 ,进来可以看到3种级别的套餐,可以选择月付,季付,半年和年付4种付款方式,用户仅有购买按钮,有生效套餐则购买变为续费,管理员可看到每个套餐的修改,删除按钮和右上角的创建套餐。
5.消费记录是一个仅供查询的表格。
6.任务管理主要是创建任务的表单较复杂,表单包含3种任务模式,有2种任务模式包含增加和删除输入框这个需求,消息发送模式也有3种选择,主要是选填和必填输入框是否输入值的一个切换校验。
7.数据集只包含了一个上传文档的功能,管理员这边的用户和服务器管理展示用户和服务器列表。