SDU项目实训——后台搭建——SpringBoot+Vue学习（一）

项目初期，要先搭建起一个框架，采用迭代增量的方法不断完善功能，我负责搭建一个后台管理系统，我的选择是vue和springboot。本篇博客我将记录我学习vue的过程。
1、什么是vue？
vue是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页应用的Web应用框架；Vue所关注的核心是MVC模式中的视图层，同时，它也能方便地获取数据更新，并通过组件内部特定的方法实现视图与模型的交互。
2、软件版本

jdk 1.8
mysql5.7
node14.16.0
navicat
idea2021.3

3、安装指令
vue-cli安装采用指令npm install -g @vue/cli
npm设置淘宝镜像加速：
npm config set registry https://registry.npm.taobao.org
创建vue项目：vue create vue
运行vue项目：

cd vue
npm run serve

安装ElementUI：npm i element-ui -S
运行npm run serve即可得到一个网址，打开后就是一个属于自己的网页了，在此网页上进行整改。

4、搭建界面
进入vue官网，可以看到很多不同的组件的代码，可以用这些对界面进行微调。过程比较琐碎，比如添加按钮、调整页面大小、换颜色等等，这里就不一一赘述，我参考了青戈的视频，最后搭建好的后台界面如下。

SDU项目实训——后台搭建——SpringBoot+Vue学习（一）相关推荐

山东大学项目实训开发日志——基于vue+springboot的医院耗材管理系统(16)
今天我们解决了一个困扰了我们很久的问题--isqr值的获取与使用. 功能的设想:通过isqr这个值来确定该耗材是否使用二维码管理,在新增耗材种类的时候加入该属性(选择是或否),并写入数据库,在显示库存 ...
山东大学项目实训开发日志——基于vue+springboot的医院耗材管理系统(14)
我们解决了一个逻辑上的问题: 1.医院向供货商下单,如果供货商一时不能提供足够的数量,应该怎么办. 2.科室库向中心库提交申请,如果中心库库存不满足申请的数量,应该怎么办. 经过一番讨论,对于第一个问 ...
山东大学项目实训开发日志——基于vue+springboot的医院耗材管理系统(2)
因为我主要负责前端的内容,因此本专栏主要记录前端页面的一些设计. 首先是前端逻辑的整理,按照一般流程,耗材的管理系统应该有两级库,即中心库和各个科室库.角色应当有管理员,中心库库管,科室库库管,供货商 ...
【SDU项目实训2019级】前端和后端实现手机短信验证码登录和注册功能
目录 1.前端登录页面手机号验证码登录页面: 2.前端获取验证码的函数: 3.后端获取验证码代码 4.前端登录的函数: 5.后端登录的实现 6.注册功能前后端的实现 1.前端登录页面手机号验证码登录页 ...
SDU项目实训——同态加密技术学习
1.概念:同态加密是基于数学难题的计算复杂性理论的密码学技术.对经过同态加密的数据进行处理得到一个输出,将这一输出进行解密,其结果与用同一方法处理未加密的原始数据得到的输出结果是一样的. 2.同态加密 ...
山东大学项目实训小组一——基于深度学习的AI视频剪辑器“易剪”
技术要点:图像处理计算机视觉深度学习多媒体前端一.项目研究背景: 随着短视频热潮的兴起,越来越多的人投入精力到了视频剪辑视频制作之中.然而利用现有的视频剪辑工具,剪辑一段视频是非常麻烦的,尤其 ...
大一项目实训—学生成绩管理系统
大一项目实训-学生成绩管理系统项目实训总结由于自己大一在Java课中没有好好听讲,导致项目实训中完全是一边学习一边敲代码.但自己付出了很多努力,早上8.30起床,晚上2,3点才睡甚至通宵,虽然做的 ...
【SDU青山】项目实训记录（1）
目录前言环境搭建切面编程拦截器 WAR包部署 RestFul 前言在本次项目实训中我负责后端的开发,后端主要使用springboot和mybatis,数据库使用mysql. 由于我之前并未对 ...
山东大学软件学院项目实训-创新实训-网络安全靶场实验平台（一）
目录前言一.项目介绍二.项目框架三.个人分工四.本周任务完成情况 4.1 Vue安装 4.1.1 node.js安装及配置 4.1.2 安装vue及脚手架 4.1.3 运行Vue项目 4. ...

SDU项目实训——后台搭建——SpringBoot+Vue学习（一）

SDU项目实训——后台搭建——SpringBoot+Vue学习（一）相关推荐

最新文章

热门文章