使用vue + element-ui作为前端spring boot作为后端,构建前后端分离的的CUID简单案例

一.环境准备:

1.安装Nodejs https://nodejs.org

2. 安装webpack----------------------------------------------------------------

  npm install -g webpack

3. 安装Vue-cli----------------------------------------------------------------

  npm install -g vue-cli

4. 建立一个simpleVue模板项目--------------------------------------------------

  vue init webpack my-project

5. cd my-project

6. 安装项目依赖库文件-------------------------------------------------------

  npm install

7. 安装element UI 库--------------------------------------------------------

  npm i element-ui -S

  npm i axios -S

8. 引入elementUI ,axios库到项目,在main.js文件中添加--------------------------

import ElementUI from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

import axios from "axios";

Vue.prototype.$axios = axios;

Vue.use(ElementUI);

9. npm run dev

二,使用工具

idea,mysql

二.项目目标:

实现用户的登录和增删改查


登录界面


增删改界面


三.实操

后台源码:
https://github.com/ilovedanzi521/demo.git

前端源码:

https://github.com/ilovedanzi521/demo-vew.git


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容