Vue
chengqiuming
这个作者很懒,什么都没留下…
展开
-
Element UI 页面跳转的几种风格
页面跳转原创 2023-06-11 16:01:41 · 4619 阅读 · 0 评论 -
Element UI 的 MessageBox 弹框使用 HTML 片段生成表格
因为 MessageBox 弹框的默认宽度是固定的,所以需要增加样式改变宽度。原创 2023-06-02 17:01:21 · 1306 阅读 · 2 评论 -
Element UI 中关于静态图片的浏览和文件的下载
文件下载原创 2023-06-02 16:52:07 · 933 阅读 · 0 评论 -
多版本管理 Node
vue node原创 2023-04-06 18:35:54 · 771 阅读 · 1 评论 -
Element UI + Easypoi + spring boot 完成文件上传和下载
Element UI + Easypoi + spring boot 完成文件上传和下载原创 2023-03-23 18:48:25 · 698 阅读 · 1 评论 -
el-select 自定义组件下拉框
vue原创 2023-03-07 12:01:06 · 1266 阅读 · 0 评论 -
用二进制数字来实现 el-checkbox 多选框
用二进制数字来实现 el-checkbox 多选框原创 2023-03-03 20:22:14 · 584 阅读 · 0 评论 -
省市区三级联动 el-select 组件前端实现
省市区三级联动 el-select 组件前端实现原创 2023-02-19 22:05:57 · 924 阅读 · 1 评论 -
Element UI 自定义省市区三级联动选择组件
Element UI 自定义省市区三级联动选择组件原创 2023-02-15 20:11:30 · 2129 阅读 · 0 评论 -
省市区三级联动选择组件前端实现
省市区三级联动选择组件前端实现原创 2023-02-15 19:47:07 · 2225 阅读 · 0 评论 -
Cloud-Platform 开源项目前端搭建
一前端项目位置Cloud-Platform-UI-V2: ????????????Cloud-Platform 新版UI,支持多系统、中台化构建。首个Spring Cloud微服务化RBAC的管理平台,核心采用Spring Boot 2.4、Spring Cloud 2020.0.0 & Alibaba,前端采用d2-admin中台框架。 ???? ???? 记得上边点个star 关注更新https://gitee.com/geek_qi/Cloud-Platform-UI-V2二启动方式原创 2022-02-12 08:56:32 · 480 阅读 · 0 评论 -
element-ui 实现多日期选择
一前端代码<template> <div class="app-container"> <!-- 选择一个或多个日期 --> <el-date-picker ref="datesRef" type="dates" v-model="searchObj.dateArr" :editable="false" format="yyyy-MM-dd" value-format.原创 2021-10-31 15:51:32 · 6047 阅读 · 0 评论 -
Spring Cloud Gateway 替换 Nginx 实战
一搭建server-dataway微服务二引入pom文件<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM...原创 2021-10-26 20:30:42 · 1915 阅读 · 0 评论 -
任务分配问题前后端集成
一前端1路由 { path: '/task', component: Layout, redirect: '/task/distribute', name: '任务管理', alwaysShow: true, meta: { title: '任务管理', icon: 'example' }, children: [ { path: 'distribute', name: '任务管理', ..原创 2021-10-21 20:13:38 · 407 阅读 · 0 评论 -
判断某个月的每一天是否为工作日
一前端<template> <div class="app-container"> <el-form label-width="120px"> <el-form-item label="分配日期"> <el-date-picker v-model="taskDistributionVo.date" type="month" placeholder=.原创 2021-10-19 21:23:12 · 470 阅读 · 0 评论 -
任务分配问题排序和重排实现
一需求实现下面流程中的第1步和第2步二核心代码实现package com.baiyee.sdgt.obj.service.impl;import com.baiyee.sdgt.model.obj.*;import com.baiyee.sdgt.obj.mapper.TaskMapper;import com.baiyee.sdgt.obj.service.CompanyService;import com.baiyee.sdgt.obj.service.Hospita..原创 2021-10-19 21:18:01 · 378 阅读 · 0 评论 -
初始化任务分配
一前端1路由 { path: '/task', component: Layout, redirect: '/task/distribute', name: '任务管理', alwaysShow: true, meta: { title: '任务管理', icon: 'example' }, children: [ { path: 'distribute', name: '任务管理', ..原创 2021-10-17 11:52:47 · 197 阅读 · 0 评论 -
nginx 配置实战
一网络拓扑二nginx的配置 server { listen 9001; server_name localhost; location ~ /pharmacy/ { proxy_pass http://localhost:8201; } location ~ /cmn/ { pro...原创 2021-10-15 18:57:10 · 622 阅读 · 0 评论 -
vue 实现 excel 的导入功能
一后端1创建监听器import com.alibaba.excel.context.AnalysisContext;import com.alibaba.excel.event.AnalysisEventListener;import com.baiyee.sdgt.cmn.mapper.DictMapper;import com.baiyee.sdgt.model.cmn.Dict;import com.baiyee.sdgt.vo.cmn.DictEeVo;import org...原创 2021-10-13 19:46:44 · 373 阅读 · 0 评论 -
vue 实现 excel 的导出功能
一后端代码1 创建 excel 的导出实体package com.baiyee.sdgt.vo.cmn;import com.alibaba.excel.annotation.ExcelProperty;import lombok.Data;/*** @className: DictEeVo* @description: 用于导入和导出excel* @date: 2021/10/12* @author: cakin*/@Datapublic class DictEeVo .原创 2021-10-12 18:54:25 · 422 阅读 · 0 评论 -
vue 实现数据字典列表功能
一后端代码1 接口public interface DictService extends IService<Dict> { // 根据数据id查询子数据列表 List<Dict> findChlidData(Long id);}2 接口实现@Servicepublic class DictServiceImpl extends ServiceImpl<DictMapper, Dict> implements DictServic.原创 2021-10-12 18:38:45 · 5021 阅读 · 0 评论 -
数据字典介绍
一点睛何为数据字典?数据字典就是管理系统常用的分类数据或者一些固定数据。例如:省市区三级联动数据、民族数据、行业数据、学历数据等,由于该系统大量使用这种数据,所以我们要做一个数据字典方便管理系统的数据,一般系统基本都会做数据管理。二页面效果三表结构设计parent_id:上级 id,通过 id 与 parent_id 构建上下级关系。例如:我们要获取所有行业数据,那么只需要查询 parent_id=20000 的数据。name:名称。例如:填写用户信息,我们要 select...原创 2021-10-11 17:47:44 · 29666 阅读 · 0 评论 -
vue 项目修改功能实现
一设置编辑的路由 { path: '/hospital', component: Layout, redirect: '/hospital/list', name: 'hospital', meta: { title: '医院管理', icon: 'table' }, children: [ { path: 'list', name: '医院列表', component: () => i.原创 2021-10-10 16:28:53 · 3441 阅读 · 0 评论 -
vue 项目添加功能实现
一定义api模块import request from '@/utils/request'export default { // 分页查询 getHospitalList(current, limit, searchObj) { return request({ url: `/admin/hospital/findPageHospital/${current}/${limit}`, method: 'post',...原创 2021-10-10 15:20:58 · 1777 阅读 · 0 评论 -
vue 项目记录锁定和解锁功能实现
一定义api模块import request from '@/utils/request'export default { // 分页查询 getHospitalList(current, limit, searchObj) { return request({ url: `/admin/hospital/findPageHospital/${current}/${limit}`, method: 'post',...原创 2021-10-10 15:00:03 · 881 阅读 · 1 评论 -
vue 项目批量删除功能实现
一定义api模块import request from '@/utils/request'export default { // 分页查询 getHospitalList(current, limit, searchObj) { return request({ url: `/admin/hospital/findPageHospital/${current}/${limit}`, method: 'post',...原创 2021-10-10 14:44:35 · 3455 阅读 · 1 评论 -
vue 项目单条删除功能实现
一定义api模块import request from '@/utils/request'export default { // 带查询条件的分页查询 getHospitalList(current, limit, searchObj) { return request({ url: `/admin/hospital/findPageHospital/${current}/${limit}`, method: '...原创 2021-10-10 13:53:16 · 577 阅读 · 0 评论 -
vue 前端项目带条件查询的分页列表开发实战
一添加医院设置路由修改文件E:\vue-sdgt\src\router\index.js { path: '/hospital', component: Layout, redirect: '/hospital/list', name: 'hospital', meta: { title: '医院管理', icon: 'table' }, children: [ { path: 'list', nam..原创 2021-10-10 10:13:56 · 1328 阅读 · 0 评论 -
vue 项目前端开发流程
一 前端开发流程1添加路由文件的位置:E:\vue-sdgt\src\router\index.js2设置跳转页面路径跳转页面的物理路径:E:\vue-sdgt\src\views\table\index.vue3在api文件夹中创建 js文件,定义接口路径文件路径:E:\vue-sdgt\src\api\table.js4在页面中引入js文件,使用 axios 进行接口调用,把接口返回数据在页面显示二图解...原创 2021-10-10 08:27:10 · 839 阅读 · 0 评论 -
项目管理平台前端改造
一项目名称项目重命名为vue-sdgt二修改E:\vue-sdgt\package.json{ "name": "vue-sdgt", "version": "3.8.0", "license": "MIT", "description": "业务数据生成工具", "author": "798103175@@qq.com>", "scripts": { "dev": "webpack-dev-server --inline --progress -...原创 2021-10-09 09:03:28 · 285 阅读 · 0 评论 -
前端开发环境准备
一安装nodejs安装完后,通过版本查看是否安装成功C:\Users\chengqiuming>node -vv12.18.0二安装一些必要的 npm全局包NPM全 称 Node Package Manager,是 Node.js 包管理工具,是全球最大的模块生态系统,里面所有的模块都是开源免费的;也是 Node.js 的包管理工具,相当于前端的 Maven。C:\Users\chengqiuming>npm -v6.14.4配置npm的淘宝镜像...原创 2021-10-08 18:53:15 · 1182 阅读 · 0 评论 -
Echart使用
一 五分钟入门ECharts1 简介ECahrs是百度的一个项目,用于图表展示,提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。官方网站: https://echarts.apache.org/zh/index.html2 基本使用入门参考:官网->文档->教程->5分钟上手原创 2021-01-17 19:36:27 · 1146 阅读 · 0 评论 -
阿里云生成支付二维码并支付前端实现
一安装二维码生成器npm install vue-qriously@1.1.1二配置插件创建 plugins/vue-qriously-plugin.jsimport Vue from 'vue'import VueQriously from 'vue-qriously'Vue.use(VueQriously)nuxt.config.js中配置 plugins: [ { src: '~/plugins/vue-qriously-plugin.js', ssr:..原创 2021-01-12 20:29:40 · 1781 阅读 · 1 评论 -
我的订单前后端实现
一订单列表接口1web层/*** 功能描述:获取当前用户订单列表** @author cakin* @date 2021/1/3* @param request http请求* @return R 返回给前端的数据*/@ApiOperation(value = "获取当前用户订单列表")@GetMapping("auth/list")public R list(HttpServletRequest request) { JwtInfo jwtInfo = JwtUt..原创 2021-01-03 11:02:06 · 1249 阅读 · 0 评论 -
个人中心嵌套路由的实现
一嵌套路由创建内嵌子路由,你需要添加一个 Vue 文件,同时添加一个与该文件同名的目录用来存放子视图组件。例如,将ucenter.vue文件创建到与ucenter目录的父目录下,即和ucenter目录保持平级。假设文件结构如:Nuxt.js 自动生成的路由配置如下:router: { routes: [ { path: '/ucenter', component: 'pages/ucenter.vue', .原创 2021-01-03 10:08:33 · 259 阅读 · 0 评论 -
订单中判断课时是否购买前后端实现
一 后端接口判断数据库中是否存在已支付订单1 ControllerApiOrderController/*** 功能描述:判断课程是否购买** @param courseId 课时id* @param request http请求* @return R 返回给前端的数据* @author cakin* @date 2021/1/3*/@ApiOperation("判断课程是否购买")@GetMapping("auth/is-buy/{courseId}")public原创 2021-01-03 09:42:39 · 415 阅读 · 0 评论 -
前端订单接口实现
一课程页面1apiimport request from '~/utils/request'export default { createOrder(courseId) { return request({ baseURL: 'http://localhost:8170', url: `/api/trade/order/auth/save/${courseId}`, method: 'post' }) },}2购买按钮...原创 2021-01-03 09:05:33 · 856 阅读 · 0 评论 -
登录后显示用户信息
一后端获取用户信息接口web层/*** 功能描述:根据token获取登录信息** @param request http请求* @return R 返回给前端的数据* @author cakin* @date 2020/12/27*/@ApiOperation(value = "根据token获取登录信息")@GetMapping("get-login-info")public R getLoginInfo(HttpServletRequest request) { .原创 2020-12-27 20:16:42 · 3568 阅读 · 1 评论 -
基于用户认证的前后端实现
一准备1引入依赖common-util中引入jwt依赖<!-- JWT相关依赖--><dependencies> <dependency> <groupId>io.jsonwebtoken</groupId> <artifactId>jjwt</artifactId> </dependency> <dependency> ..原创 2020-12-27 19:53:10 · 371 阅读 · 1 评论 -
首页热门课程和讲师展示
一后端1控制器@CrossOrigin@Api(description = "首页")@RestController@RequestMapping("/api/edu/index")public class ApiIndexController { @Autowired private CourseService courseService; @Autowired private TeacherService teacherService;..原创 2020-12-21 19:56:10 · 389 阅读 · 0 评论