Vue 学习随笔五 - 简单项目设计

学一门技术的最好方法是用这个技术去做一件事情,现在规划一下我们这个DEMO的简单需求。

概述:做一个后台系统,实现简单的实体CRUD,以及跟前台的交互功能。

UI:集成Bootstrap样式,实现简单后台的框架

后台:Springboot,使用Kotlin开发

需求:User的CRUD,User包括子类Car

就这么简单的功能,主要是用来学习VUE+Kotlin。

第一步:集成Bootstrap,毕竟不会做样式,真实项目有UI去操作,我们目前只需要简单的使用现成的框架即可。

1. 安装Bootstrap,在CMD(项目当前路径,推荐使用webstrom 的 Terminal)中执行,cnpm install bootstrap;

2. 在项目的src/main.js 中添加以下代码,这些引用会在全局有效:

import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
Vue.use(BootstrapVue)

3. 未完待续

猜你喜欢

转载自www.cnblogs.com/szwangyu51/p/9822787.html