Vue-antd-admin 简单体验(一)
我只是一个后端码农,全栈什么的旧过分了,或多或少接触到了皮毛。唉,年纪大了,写不了几行代码,一般都被抓去当顾问。我这样做只是为了好玩,为了复习技术。唉,就是这样
需要安装的环境(自己百度)
nodejs
npm
webstorm
gitee
启动什么的自己去看项目描述,还是很简单的,我这里就直接开鲁了
整体界面
image-20210720170401154
这个我单独有改过,看看就好。自己多看一下长啥样,然后逐个对单个页面去看学习
登录这块自己随便打了个springboot+hibernate处理数据
image-20210720170611484
整体来说界面什么的做的还挺不错的该有的元素也都有,这个Vue之前在官网上有了解过也忘得差不多了。额就这样吧。接下来简单看一个功能。
用户登录
image-20210720172221798
都是些标签, 不懂的百度搜
image-20210720172348942
这个又涉及到一些vue的知识点,好久没看vue了,有些东西还得自己翻文档, 啥时候写个文专门对着讲解
image-20210720172457126
这玩意是专门处理登录的
image-20210720172602444
image-20210720172633189
看了就是form表单提交调用这个鬼方法通过axios与后端交互。渲染页面完事。
那么这里就要设计一些知识点,什么是form表单,交互的后端要怎么搞?
image-20210720172946546
image-20210720172808258
说白了就是用mockjs拦截写死了写东西 自己写个alert看输入输出的内容在后端补一个不就完事了。。
调完登录的接口接着去做了些权限相关的事情。
image-20210720173203381
这个权限里面返回的东西我还没看明白后面有什么作用,先看到这里吧
跳转页面就是push
这里又涉及到一个知识点就是 router,,,,
有必要吧vue全家桶了解一下,再回头看会更好一些
我的vue看的是官网, 额,视频的话会好一点,网上好多。
今天的就到这里了, 明天看下登录后的工作台是怎么做的