Vue-antd-admin 简单体验(一)

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看的是官网, 额,视频的话会好一点,网上好多。

今天的就到这里了, 明天看下登录后的工作台是怎么做的

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容