course-learning/README.md

course-learning

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

项目结构说明

/src/api

封装后端接口。本demo使用了axios库向后端服务发送HTTP请求，这部分的功能就是将调用后端controller提供的接口封装成易于前端页面使用的方法，供页面引入和使用。

/src/components

公用的vue组件，用于在页面中引入和使用。

/src/layouts

也是vue组件，与/src/components中的组件在本质上是相同的。不同之处在于，这部分的组件是和前端路由相关的，利用前端嵌套路由来实现不同用户的页面使用不同的基础布局。

/src/router

配置前端路由。 SeeVue Router

/src/views

实现每个前端页面，页面会引入需要的组件、api等，实现项目的UI、交互、前后端通信等。

/src/App.vue

根组件。

/src/main.js

入口文件，引入Vue框架与相关插件，定义Vue实例。

/public/index.html

项目主页面，一般只定义一个空的根节点，在main.js里定义的Vue实例会挂在在这个根节点上。

其他

本demo使用了CSS框架Vuetify，同学们不必在意，可自行选用CSS框架、组件库或自己实现样式。

参考 Vue官方文档