项目实战 -01

1、前后端分离开发概念

前端:
html 、css 、js 、jq 主要作用:数据显示
ajax操作 调用接口(不是inferface)

后端:
controller service mapper
主要作用:返回数据或者操作数据
接口:不是inferface
开发controller service mapper 过程

2、讲师管理模块(后端)
讲师crud操作

开发讲师管理模块后端
准备工作
1、创建数据库,创建讲师数据库表

数据库设计规约

1、库名与应用名称尽量一致
2、字段名 表名必须使用小写或字母 禁止数字开头,
3、表名不使用复数名词
4、表名最好加上“业务名称_表的作用” 如,edu_teacher;
5、表必备三字段:id 、 gmt_create 、gmt_modified

2、创建项目结构

springboot工程
创建父工程 :pom类型 管理依赖版本 以及公共依赖
子模块 一
子子模块一 讲师管理模块
子子模块二 统计分析模块

子模块二

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
很高兴为你解答这个问题! 在开始实战之前,你需要先安装 Vue CLI 和 Element UI。可以通过以下命令进行安装: ``` npm install -g @vue/cli npm install element-ui ``` 接下来,可以使用 Vue CLI 创建一个新项目,命名为 "my-element-ui-project": ``` vue create my-element-ui-project ``` 在创建项目的过程中,可以选择使用默认的配置或者手动进行配置。如果选择手动配置,需要添加 Babel 和 Router 插件。 安装完成后,可以在项目的 main.js 文件中引入 Element UI: ``` import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); ``` 现在,你就可以开始使用 Element UI 进行开发了。可以在组件中引入 Element UI 的组件,例如: ``` <template> <div> <el-button type="primary">主要按钮</el-button> <el-input placeholder="请输入内容"></el-input> </div> </template> ``` 除了基础的组件使用,还可以使用 Element UI 提供的丰富的组件库来构建复杂的界面。例如,可以使用表格组件来展示数据: ``` <template> <div> <el-table :data="tableData"> <el-table-column prop="date" label="日期"></el-table-column> <el-table-column prop="name" label="姓名"></el-table-column> <el-table-column prop="address" label="地址"></el-table-column> </el-table> </div> </template> <script> export default { data() { return { tableData: [{ date: '2020-01-01', name: '张三', address: '北京市' }, { date: '2020-02-01', name: '李四', address: '上海市' }] }; } } </script> ``` 通过以上的示例代码,你可以在 Vue 2.0 中使用 Element UI 进行实战开发。当然,在实际开发过程中,你还需要结合具体的业务需求进行组件的使用和定制,才能达到最佳的效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值