简单的管理后台基本上就是数据的增删改查。主要就是 列表 + form 表单。每个页面的逻辑基本上都相同。不同的地方就是每个页面需要调用的具体 API 及参数。
以前 vue2 的时候最简单的做法是写出来一个页面的逻辑，然后直接 copy 到各个页面中，修改 API 及参数即可。高级一点的是利用 mixin 函数，将可复用逻辑抽离，每个页面引入 mixin。
vue3 之后新增了composition API。本文就是利用composition API，将可复用的逻辑抽离到composition API中，并引入ts，实现一个简单的管理后台功能。
利用@vue/cli创建项目
首先需要将 @v
2021-12-10 10:59:51
94KB
1
前言
嗨，说起探探想必各位程序汪都不陌生(毕竟妹子很多)，能在上面丝滑的翻牌子，探探的的堆叠滑动组件起到了关键的作用，下面就来看看如何用vue写一个探探的堆叠组件 ?
一. 功能分析
简单使用下探探会发现，堆叠滑动的功能很简单，用一张图概括就是:
简单归纳下里面包含的基本功能点:
图片的堆叠
图片第一张的滑动
条件成功后的滑出，条件失败后的回弹
滑出后下一张图片堆叠到顶部
体验优化
根据触摸点的不同，滑动时首图有不同角度偏移
偏移面积判定是否成功滑出
二. 具体实现
有了归纳好的功能点，我们实现组件的思路会更清晰
1. 堆叠效果
堆叠图片效果在网上有大量的实例，实
2021-12-07 23:49:38
206KB
1
主要功能需求点：
点击左侧组件库按钮创建对应的不同的组件，并在右侧区域展示
点击右侧创建的组件中的删除按钮，删除对应的组件
删除对应的组件之后，下方的组件位置自动上移
效果图：
代码：
父组件代码（去除了css样式代码）：
组件库
点
2021-12-07 22:18:41
52KB
1
注册机使用说明：
1、安装UltraEdit_21.10.1023_CHS.exe；
2、双击运行“PatchIDM.exe”即可破解。
注意事项：
Windows 7旗舰版 32位系统，在安装UltraEdit之后，发现在打开的时候，打不开，报错：
An error has occured. The application will be shutdown. would you ...
解决办法：只要删除 C:\Users\(此处是当前用户名)\AppData\Roaming\IDMComp\UltraEdit\Uedit32.INI 这个配置文件便可以。
说明：Uedit32.INI 这个文件记录了以前的配置信息，删除的时候可以看下配置，做下备份经过试验，可以完全解决。
2021-12-07 16:19:52
30.79MB
1
这是一款精美的多级下拉菜单美化,可以完美替代“select”来实现下拉菜单的效果。而且支持多级菜单，有加载等待效果，有层级分类展示。
代码如下:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”>
<head>
<title>Filament Group Lab</
2021-12-05 00:20:57
43KB
1
在管理员的一些后台页面里，个人中心里的数据列表里，都会有对这些数据进行增删改查的操作。比如在管理员后台的用户列表里，我们可以录入新用户的信息，也可以对既有的用户信息进行修改。在vue中，我们更应该专注于对数据的操作和处理。
比如我们有一个这样的页面：
我们在这个页面里，就实现了增删改查4个功能，点击链接查看demo【http://www.xiabingbao.com/demo/vue-curd/index.html】。
我们把这些用户信息保存到list的数组中，然后增删改查就在这个数组上进行：
list: [
{
username: 'aaaaa',
email: '123@q
2021-12-04 14:37:51
102KB
1
本文实例为大家分享了vue实现学生信息管理系统的具体代码，供大家参考，具体内容如下
界面
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue--学生信息管理系统</title>
<!-- 引包 -->
[removed][removed]
<style>
.title{margin:20px;font-weight: bold;font-size: 20px;}
</style>
</head>
<
2021-12-03 21:37:00
60KB
1
弹出层用来向用户展示详细的信息，交互性非常强。弹出层有对话框、模态窗口等形式，这里我都把他们叫做弹出层，我的同事们也是这么叫的。一般我们喜欢使用比较成熟的弹出层插件如fancybox等，但在本文，我将先抛弃插件，给大家介绍如何使用jQuery+CSS3+Html5实现弹出层。
效果展示 源码下载
我们完全使用HTML5+CSS3+jQuery来实现一个基本的弹出层效果，因此我们可以在示例中任意修改弹出层外观样式、甚至js方法调用。我们最终做出来的弹出层效果应该是响应式的，也就是说可以在桌面PC端和移动端都可以很好展示的弹出层，并且是兼容现代浏览器的。在demo中，我使用了Boo
2021-12-02 21:27:37
87KB
1