拟解决的主要问题： 前端技术：nodejs+vue+elementui 1、对数据库对应的表格中相应的会员信息、咖啡与甜点的信息、交换物的 信息等进行添加、删除以及修改。 2、实现不同用户名和密码登录或访客身份直接进入不同的管理操作界面。 3、查询数据库对应表格中是否存在符合条件的查询信息。 4、插入限量甜点及座位信息到数据库表格中，根据预定订单更新当前限量 甜点以及咖啡厅座位的剩余数量
目录一、实现数据的分页效果二、实现用户状态的修改三、实现搜索功能四、实现添加用户功能4.1 点击按钮弹出添加用户的对话框4.2在对话框中渲染一个添加用户的表单4.3 实现自定义规则校验输入内容4.4 实现添加表单的重置功能4.5 添加用户前的预校验功能4.6 发起请求添加一个新用户五、用户修改的操作 5.1根据ID查询用户信息 5.2绘制修改用户的表单5.3&nb
转载
2024-03-19 19:18:24
729阅读
vue长列表优化之虚拟列表实现应用场景:后台一次性发送上千条或更多数据给前台场景模拟:用户发起一个请求,后台发送了10w条数据使用虚拟列表之前:前台需要生成10w个dom节点用来渲染页面使用虚拟列表之后:前台只需要生成少量dom节点(dom节点数量取决于前端视图需要展示的数量),就可以实现对这10w条数据的视图渲染总之:虚拟列表就是固定dom节点数量,通过修改dom节点的内容而达到不重新增加(或删
转载
2024-03-11 19:06:38
369阅读
目录：导读项目搭建 + ⾸⻚布局实现一、项目搭建1、环境搭建2、项目初期搭建二、Main.vue三、左侧栏部分(CommonAside.vue)四、header部分(CommonHeader.vue)五、Home.vue写在最后项目搭建 + ⾸⻚布局实现 这篇主要讲解 项目搭建 + 后台⾸⻚布局实现 ：整体效果 后台首页按布局一共包含3个部分: 1、左侧栏部分 2、头部部分 3、内容部
转载
2024-04-28 15:52:28
335阅读
前言之前有些过移动端的项目搭建的文章，感觉不写个pc端管理系统老感觉少了点什么，最近公司项目比较多，恰巧要做一个申报系统的后台管理系统，鉴于对vue技术栈比较熟悉，所以考虑还是使用vue技术栈来做；看过一个不错的后台配置模板（vue-element-admin），页面也挺美的，但是还是碍于不想看太多关于这个模板的配置说明，于是又拉出来之前我搭建的简易版的模板，决定重构下，使用自己搭建的后台系统模板
【代码】Vue2 滚动列表。
原创
2024-09-05 09:58:09
670阅读
基于Vue+ElementUI+vod-js-sdk-v6，完成腾讯云点播视频上传功能最近做的一个项目，需要用到腾讯云点播的视频上传！！写一个尽可能详细的博客供各位参考，欢迎指正； ok，下面进入正题。 首先是需要用到的依赖：ElementUI、vod-js-sdk-v6、axiosnpm i vod-js-sdk-v6
npm i axiosimport vue from 'vue'
impor
一种理想方案首先，无论换算方不方便，我都不想换算，我也不想去操心什么转换系数其次，有些属性或者类选择器我不想进行转换css代码要足够简洁，我只希望看到一种单位，那就是px第一种：lib-flexible+postcss-pxtorem第一种方案是lib-flexible+postcss-pxtorem，在相当长一段时间里，这两个插件搭配都是解决移动端布局的神器，lib-flexible是阿里手淘系
现在的很多应用都流行SPA应用（singe page application) 。
传统的项目大多使用多页面结构，需要切换内容的时候我们往往会进行单个html文件的跳转，这个时候因受到网络、性能的影响，浏览器会出现不定时间的空白界面，用户体验不好。而单页应用则是用户通过某些操作更改地址栏url之后，动态的进行不同模板内容的无刷新切换，用户体验好。而在vue2.0版本后，vue官方推出vue-rou
今天我们要做的就是基于websocket实时人工客服，先来了解一下机制WebSocket 机制WebSocket 是 HTML5 一种新的协议。它实现了浏览器与服务器全双工通信，能更好的节省服务器资源和带宽并达到实时通讯，它建立在 TCP 之上，同 HTTP 一样通过 TCP 来传输数据，但是它和 HTTP 最大不同是：WebSocket 是一种双向通信协议，在建立连接后，WebSocket 服务
Vue+ElementUI前端开发环境搭建一 VUE简介1.1 渐进式1.2 MVVM模型1.3 响应式二 VUE环境搭建2.1 安装配置node.js2.2 配置镜像€提升速度2.3 全局安装vue2.4 安装脚手架vue-cli2.5 配置vue环境变量三 新建项目3.1 初始化3.2 初始化项目安装依赖3.3 启动项目四 开发环境4.1 开发工具4.2 目录结构4.3 插件导入五 安装问题
转载
2024-09-30 13:47:36
266阅读
按需引入 官方文档介绍 借助 babel-plugin
原创
2022-08-27 01:55:15
892阅读
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、创建项目二、原理分析三、创建入口文件集体注册组件四、批量注册五、组件打包总结 前言vue作为当前比较热门的前端框架之一，因此常见的基于vue开发的UI框架有很多，比如ElementUI、Ant Design Vue等。那么我们怎么去开发一个组件库并且能够打包复用呢？见正文。一、创建项目使用vue-cli创建一个新项目
在获取不到后台数据的时候我们也可以把页面搞起来生成随机数据1. 首先应该先建立一个json文件，把模拟数据写进去2. 安装3. 建立js文件，使用mockjs提供mock数据接口4.在main文件在加载js文件拦截ajax请求1. 不使用本地代理2.ajax请求后会影响store首先增加新的state变量，例如商家列表再者增加mutations最后增加actions并进行异步请求 生成随机数据1
转载
2024-09-12 22:31:22
251阅读
1.elementui布局框架Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 。换句话说:Element它是在vue2.0的基础上，提供了各种组件(比如表单 表格 菜单导航.....),使用这些组件可以更好得完成功能和布局。2.1 如何使用elementui组件（1）需要再相应得网页中引入vue和elementui得文件注意:必须先引入vue在引入elem
转载
2024-03-27 09:03:23
216阅读
目录前言 首先我们来看一下效果图： 一、layout布局1.创建头部（header.vue）2.创建侧边导航（sliber.vue）二、路由嵌套1.配置layout和路由总结前言在后台系统设计中，经常会使用layout布局以及路由，想知道具体怎么使用，继续往下看看吧~ 首先我们来看一下效果图：layout布局。侧边导航又有子菜单，所以我们需要路由嵌套。分析完了，那我们
转载
2024-03-21 10:04:15
301阅读
前言因为项目采用UI组件element-ui，需要部署后（打包后）设置主题，在网上找了一遍，如下几种方法。1/使用全局样式覆盖（工作量大）2/自定义element-ui配色，element-ui提供了一个配置页面 和 配色工具，可以本地生成固定的几套主题色，以便来实现主题切换（编译后无法修改）3/ 通过后端返回css文件，前端配合使用localStorage，储存主题对应的参数
转载
2024-06-09 08:32:34
669阅读
目录一. vue怎么引入和配置使用element-ui框架二. 后台交互(axios/qs/vue-axios)三. Vue+ElementUI设计登陆页面四.报错一. vue怎么引入和配置使用element-ui框架 1. 使用vue-cli脚手架工具创建一个vue项目 vue init webpack medpro 2. np
Hatena 通过虚拟化技术提高了主机的集成度，提高了整体的资源利用率。此外，我们自行组装服务器，避免了服务器配置过高，实现了系统整体的低成本。虚拟服务器的构建策略 引入虚拟化技术最根本的目的就是提高硬件的使用率。为提高硬件使用率，应当让虚拟机操作系统使用空闲的资源。 例如， CPU 资源空闲就建立Web 服务器，I/O资源空闲就建立数据库服务器，内存资源空闲就建立缓存服务器。资源消耗倾向相似
Nextcloud是一款开源免费的私有云存储网盘项目。它的客户端覆盖了Windows、Mac、Android、iOS、Linux 等各种平台，也提供了网页端以及 WebDAV接口。通过腾讯云轻量+对象存储cos架构，搭建nextcloud网盘，可以使用对象存储cos的灵活存储空间配置。通过内网传输，还可以节省对象存储cos的网络传输费用。1，访问腾讯云网站，创建或者登录腾讯云账号。2
转载
2024-09-03 10:17:39
63阅读
