基于vite+typescript打造的后台管理系统layui-vue-admin安装体验

基于vite+typescript打造的后台管理系统layui-vue-admin使用

基于vite+typescript打造的后台管理系统layui-vue-admin安装体验

一、layui-vue-admin后台

layui相信很多人都用过,2017年推出了基于jquery的后台管理系统,一经推出就风靡网络,2021年layui团队转向了vue推出了vue版本的layui,今天我们来通过vue版本的layui实现一个后台管理系统的搭建。

基于vite+typescript打造的后台管理系统layui-vue-admin安装体验

基于vite+typescript打造的后台管理系统layui-vue-admin安装体验

这个后台的源码地址是 https://project.bfw.wiki/project/16525049154492830076.html

这是基于Vue 3 + Typescript + Vite+layui打造的后台管理系统源码,包含登录框、仪表盘、用户列表表格、表单添加、布局、错误等页面,

下载完成后执行

npm install

再执行

npm run dev

进行开发模式,

npm run build

系统源码目录如下

基于vite+typescript打造的后台管理系统layui-vue-admin安装体验

二、layui官网及组件示例代码

layui-vue的官网是http://www.layui-vue.com/zh-CN/index

安装很简单

npm install @layui/layui-vue --save

导入包

import App from './App.vue'
import { createApp } from 'vue'
import Layui from '@layui/layui-vue'
import '@layui/layui-vue/lib/index.css'

createApp(App).use(Layui).mount('#app')

组件示例及代码可以在官网上查看,地址:http://www.layui-vue.com/zh-CN/components/color


{{collectdata}}

网友评论0