hellogithub.com
J
PHP
获得徽章 5
- 周一雄起～今天带来的是一个 MongoDB 图形化的管理工具 —— Mongood。特性有：基于微软 Fluent UI，支持自动黑暗模式；支持完整的 Mongo-shell 数据类型和查询语法，利用索引实现的自动查询和排序；支持 Json 数据库模式，既可用于 Server 也可用于 Client。
hellogithub.com 313 - 近期比较火爆的vue前端框架分享
vue-admin-beautiful 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型，它集合了layuiAdmin，antDesign Pro，vue-element-admin几乎全部的优点，并同时发布了多个版本，这不是一个重复的轮子，这可能是一个好看的重复轮子```bash# 克隆项目git clonegithub.com 进入项目目录cd vue-element-admin-beautiful# 安装依赖cnpm i# 本地开发 启动项目npm run serve```
默认版演示地址：mpfhrd48.sanxing.uz7.cn
传统中后台演示地址：mpfhrd48.sanxing.uz7.cn
github永久免费开源地址：github.com 展开675 - vue快速编写一个图形验证码组件
百度搜了一圈图形验证码组件，竟然都是付费的开什么玩笑，那就自己写一个吧，效果如下
演示地址：chu1204505056.gitee.io
开源地址：github.com
实现代码如下：
cnpm i zx-verify -S
import ByuiVerify from "zx-verify";
export default ByuiVerify;
<template>
<div class="verify-container">
<byui-verify
ref="slideDiv"
:w="350"
:slider-text="text"
:h="175"
@success="handleSuccess"
@fail="handleError"
></byui-verify>
</div>
</template>
<script>
import ByuiVerify from "@/plugins/byuiVerify";
export default {
name: "Verify",
components: { ByuiVerify },
data() {
return {
text: "向右滑动",
};
},
created() {},
mounted() {},
methods: {
handleSuccess() {
this.$baseMessage("校验成功", "success");
},
handleError() {
this.$baseMessage("校验失败", "error");
},
},
};
</script>展开127
