1、 熟练掌握HTML、CSS、JS,能熟练使用ES6+常见的各种API,了解Typescript。
2、 能熟练使用Vue框架,会用vite、vue-cli等工具搭建Vue项目,会封装组件,会使用vue-router,熟悉element-ui组件库。
3、 能熟练使用React框架,会用vite、create-react-app等工具搭建React项目,会使用react-router,会用redux、redux-toolkit,熟悉AntDesign、SemiDesign等组件库。
4、 熟练掌握NodeJS,能使用npm等包管理工具,能用express框架或者Egg框架编写接口,了解GraphQL。
图书馆
该项目的前端由门户和后台管理系统两个部分组成的。
门户:
(1) 主要功能:用户的登录注册,图书查询、借阅,查询自己的借阅记录,归还图书,修改个人信息,密码等。
(2) 技术栈:用Vue + ElementUI开发,用axios发网络请求,从后端获取数据后展示在页面中,后端开发完成之前先用MockJS模拟后端接口。因为功能比较简单,所以没有使用脚手架搭建项目,直接在html文件中引入vue和element开发的。
后台管理系统:
(1) 主要功能:登录,修改个人信息,密码等内容。有用户管理,图书管理,借阅记录管理等三个板块,每个板块都是实现了相应内容的条件查询,展示,新增,删除,修改等操作。
(2) 技术栈:用Vite搭建Vue项目,在项目中使用ElementUI和vue-router,搭建经典的后台管理系统布局,然后开发各个板块,利用vue-router的导航守卫阻止未登录用户和非管理员用户访问,用axios发网络请求,后端完成之前同样是用MockJS模拟后端接口。整个内容都是自己从空白开始根据官方文档搭建出来的,没有使用开源的后台管理系统项目。