随笔分类 -  Vue

1 2 下一页
45.系统后台--统计分析
摘要：目标：对学员登录数、学员注册数、课程播放数、每日课程数进行特定日期统计。画出上图。 一、数据库设计 statistics_daily CREATE TABLE `statistics_daily` ( `id` char(19) NOT NULL COMMENT '主键', `date_calcul 阅读全文
posted @ 2021-04-20 22:45 记录人生 阅读(511) 评论(0) 推荐(0)
44.微信支付功能
摘要：一、课程支付需求描述 二、数据库设计 创建相关表 订单表t_order CREATE TABLE `t_order` ( `id` char(19) NOT NULL DEFAULT '', `order_no` varchar(20) NOT NULL DEFAULT '' COMMENT '订单 阅读全文
posted @ 2021-04-17 16:14 记录人生 阅读(1297) 评论(0) 推荐(0)
43.首页课程功能
摘要：课程列表 课程详情 课程评论 一、课程列表 1、课程列表【后端】 1.1、在entity/frontvo文件夹下创建课程列表CourseQueryVo类 @ApiModel(value = "课程查询对象", description = "课程查询对象封装") @Data public class 阅读全文
posted @ 2021-04-15 15:44 记录人生 阅读(247) 评论(0) 推荐(0)
42.首页讲师功能
摘要：一、讲师列表和讲师详情【后端】 分页查询讲师和讲师详情接口 在controller/front文件夹下创建TeacherFrontController类 @RestController @RequestMapping("/eduservice/teacherfront") @CrossOrigin 阅读全文
posted @ 2021-04-15 01:31 记录人生 阅读(99) 评论(0) 推荐(0)
41.微信扫描登录
摘要：一、准备工作 https://open.weixin.qq.com 1、注册 2、邮箱激活 3、完善开发者资料 4、开发者资质认证 准备营业执照，1-2个工作日审批、300元 5、创建网站应用 提交审核，7个工作日审批 6、熟悉微信登录流程 参考文档：https://open.weixin.qq.c 阅读全文
posted @ 2021-04-12 16:00 记录人生 阅读(202) 评论(0) 推荐(0)
39.用户登录和注册【前后端】
摘要：一、登录业务介绍 1. 用户登录业务介绍 1.1. 单一服务器模式 早期单一服务器，用户认证。使用session对象实现，登录成功之后，将用户数据放到session里面，从seeion获取数据，判断是否登录成功。 缺点：单点性能压力，无法扩展 1.2. SSO(single sign on)模式 分 阅读全文
posted @ 2021-04-10 23:40 记录人生 阅读(1709) 评论(0) 推荐(0)
38.首页显示数据并添加Redis缓存
摘要：一、首页显示banner数据【后端】 1、在service模块下创建子模块service-cms 2、使用代码生成器生成banner代码 （1）创建crm_banner表 CREATE TABLE `crm_banner` ( `id` char(19) NOT NULL DEFAULT '' CO 阅读全文
posted @ 2021-04-07 13:54 记录人生 阅读(636) 评论(0) 推荐(0)
37.页面静态效果整合
摘要：一、首页页面静态效果整合 1、复制静态资源 静态资源下载：https://wws.lanzous.com/iJ057nqtz3g密码:1b3x 将静态原型中的css、img、js、photo目录拷贝至assets目录下 2、定义布局 我们可以把页头和页尾提取出来，形成布局页 修改layouts目录下 阅读全文
posted @ 2021-04-07 12:06 记录人生 阅读(276) 评论(0) 推荐(0)
36.搭建项目前端环境（NUXT）和幻灯片插件安装
摘要：一、服务端渲染技术NUXT 1、什么是服务端渲染 服务端渲染又称SSR (Server Side Render)是在服务端完成页面的内容，而不是在客户端通过AJAX获取数据。 服务器端渲染(SSR)的优势主要在于：更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。 如果你的应用程序 阅读全文
posted @ 2021-04-07 11:37 记录人生 阅读(358) 评论(0) 推荐(0)
34.课程最终发布和课程列表功能
摘要：一、课程最终发布（后端） 最终的课程发布信息包含了：课程表中的id，title，price，lesson_num(总课时数)，cover(封面)；课程简介表的课程简介；教师表的教师姓名；课程分类表的一级分类和二级分类。 因此我们需要使用多表查询进行实现。 1、在EduCourseController 阅读全文
posted @ 2021-03-31 11:34 记录人生 阅读(259) 评论(0) 推荐(0)
33.阿里云视频点播服务和小节视频上传
摘要：一、阿里云视频点播服务 参考文章： https://blog.csdn.net/qq_33857573/article/details/79564255 1、开通视频点播 产品->企业应用->视频云->视频点播->使用流量计费（事先冲个几毛钱就好了） 2、整体流程 使用视频点播实现音视频上传、存储、 阅读全文
posted @ 2021-03-31 01:25 记录人生 阅读(782) 评论(0) 推荐(0)
32.课程大纲列表功能(前后端)
摘要：课程大纲列表实现如下图所示： 从上图中可以看出，我们需要实现： ①章节和小节的CRUD，并在前端中以树形结构显示，和课程分类列表类似。 ②点击上一步根据课程id进行数据回显，并对课程信息进行修改。 一、章节的CRUD 1、后端实现 ①创建两个实体类ChapterVo和VideoVo，分别表示章节和小 阅读全文
posted @ 2021-03-26 21:14 记录人生 阅读(258) 评论(0) 推荐(0)
31.添加课程基本信息功能（前后端）
摘要：一、功能预实现 步骤1包含：课程标题、课程分类、总课时、课程讲师、总课时、课程简介、课程封面、课程价格等属性 步骤2包含： 步骤3包含： 需要注意的细节问题： （1）创建vo实体类用于表单数据封装 （2）把表单提交过来的数据添加到数据库 需要向两张表添加数据：课程表和课程描述表 （3）把讲师和分类使 阅读全文
posted @ 2021-03-22 17:02 记录人生 阅读(312) 评论(0) 推荐(0)
30.添加课程分类和课程分类列表(前后端)
摘要：一、添加课程分类 1、在router/index.js添加路由 { path: '/subject', component: Layout, redirect: '/subject/table', name: '课程分类管理', meta: { title: '课程分类管理', icon: 'exa 阅读全文
posted @ 2021-03-22 15:50 记录人生 阅读(184) 评论(0) 推荐(0)
27.添加讲师--头像上传
摘要：一、下载并添加上传组件 下载地址：https://wws.lanzous.com/iKAypn3bkna 密码:e82t 将下载好的上传组件加入到前端的组件目录下 二、使用上传组件 1、在save.vue页面添加更换头像 <!-- 讲师头像：TODO --> <!-- 讲师头像 --> <el-fo 阅读全文
posted @ 2021-03-19 14:21 记录人生 阅读(112) 评论(0) 推荐(0)
24.讲师管理前端开发
摘要：目录 一、讲师列表 1、在路由文件router/index.js中添加路由 2、创建路由对应页面 3、创建对应js文件 4、引用js文件获取数据 5、页面显示 二、讲师列表--分页及条件查询 三、讲师删除功能 四、添加讲师功能 五、讲师修改功能 一、讲师列表 1、在路由文件router/index. 阅读全文
posted @ 2021-03-17 02:05 记录人生 阅读(125) 评论(0) 推荐(0)
23.前端框架的模拟登录及使用
摘要：在上一章中，我们使用了vue-admin-template-master模板创建了前端项目，这一章使用框架进行模拟登录并介绍框架的使用。 一、模拟登录 1、修改登录的默认地址 config/dev.env.js 中BASE_API 为项目的easymock地址，目前具有模拟登录、登出、获取用户信息的 阅读全文
posted @ 2021-03-16 16:08 记录人生 阅读(1017) 评论(0) 推荐(0)
22.后台系统前端项目创建
摘要：目录 一、前端模板 二、项目的创建和基本配置 三、登录页面修改 四、页面零星修改 五、Eslint语法规范型检查 一、前端模板 1、vue-element-admin 而vue-element-admin是基于element-ui 的一套后台管理系统集成方案。 功能：https://panjiach 阅读全文
posted @ 2021-03-14 17:03 记录人生 阅读(244) 评论(0) 推荐(0)
21.Webpack打包
摘要：目录 一、什么是Webpack 二、Webpack安装 三、初始化项目 四、JS打包 五、CSS打包 一、什么是Webpack Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 从图中我们可以看出，Webpack 可以 阅读全文
posted @ 2021-03-14 16:45 记录人生 阅读(82) 评论(0) 推荐(0)
20.模块化
摘要：一、模块化简介 1、模块化产生的背景 随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。 Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。 但是，Javascript不是 阅读全文
posted @ 2021-03-14 16:31 记录人生 阅读(105) 评论(0) 推荐(0)

1 2 下一页