基于springboot+shiro+Mybatis-Plus+Vue的前后端分离简易教务系统学习笔记

yijiancmy

已于 2023-08-01 15:02:02 修改

阅读量223

点赞数

文章标签： spring boot mybatis vue.js

于 2023-07-16 20:36:19 首次发布

本文链接：https://blog.csdn.net/yijiancmy/article/details/131754519

版权

根据b站博主的课程所作笔记
https://www.bilibili.com/video/BV1xU4y1G7GR?p=5&vd_source=017ca24b99e3c1cc27deb77f9a006772

一、创建前端项目文件夹 myFront
使用cmd打开，输入vue ui
在这里插入图片描述
会自动打开一个网页

点击创建

不初始化git点击下一步

选择手动，点击下一步

选择Router Vuex 和 Linter / Formatter

然后

选择创建项目，不保存预设

在等待创建的时候，cmd窗口不能关闭
创建成功
在这里插入图片描述
对应的文件夹和cmd窗口

点击任务 server 运行

点击输出

点击链接 http://localhost:8080/ 效果如下

以上过程中cmd窗口不能关闭

另外一种启动方式，使用IDEA打开刚刚创建的education-front项目
Src下面的
Views主要放一些界面；Store 对应状态管理；Router 就是路由；components就是一些组件
在IDEA终端中输入npn run serve
在这里插入图片描述
结果如下，启动成功

第三种启动方式，需要在IEDA上添加配置

点击 + ，选择 npm

Scripts中选择serve即可，然后点击 ok

此时可以直接点击运行

VUE是热部署，修改代码后直接保存就好，不需要重新启动代码

二、对于后端项目
进入 https://mybatis.plus/ mybatis的官网

点击快速开始，代码生成器
找到代码生成器需要的依赖

        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-generator</artifactId>
            <version>3.3.0</version>
        </dependency>
        <!--代码生成器需要的模板引擎-->
        <dependency>
            <groupId>org.freemarker</groupId>
            <artifactId>freemarker</artifactId>
            <version>2.3.31</version>
        </dependency>

mysql的依赖

        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <scope>runtime</scope>
        </dependency>

mybatis的依赖

        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.4.3</version>
        </dependency>