跳至主要內容
青春杨帆起

青春杨帆起

乾坤未定,你我皆是黑马

展商秀官网
使用nuxt3+Element-Plus完成的自适应公司网站
会展人官网
使用nuxt3+Element-Plus完成的自适应公司网站
展位图官网
使用nuxt3+Element-Plus完成的自适应公司网站
万疆官网
使用nuxt3+Element-Plus完成的自适应公司网站
后台管理系统
自己搭建的拿来即用的后台模板使用vue3+ts+pinia+element-plus
西旅会微信小程序
服务于第七届中国西部旅游产业博览会暨2021重庆国际文化旅游产业博览会,构建全国文旅网上推介、文旅产品的电商平台
文章名称
文章详细描述
伙伴名称
伙伴详细介绍
自定义项目
自定义项目
自定义详细介绍
页面配置

more 注释之前的内容被视为文章摘要。


Ms.Hope...大约 1 分钟使用指南页面配置使用指南
常用方法

常用方法

uniapp base64

//base64加密
export const encrypt = (str) => {
  return (str = Buffer.from(str).toString("base64"));
};
//base64解密
export const decode = async (str) => {
  return (str = await Buffer.from(str, "base64").toString());
};

周浚豪...大约 1 分钟常用方法
常用正则表达式

常用正则表达式

// 邮箱格式验证:
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
// 手机号验证(以中国大陆手机号为例):
var reg = /^1[3-9]\d{9}$/;
// URL格式验证:
var reg = /^(http|https):\/\/[^ "]+$/;
// 身份证验证:
const sfzReg = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
// 日期格式验证2021-10-10:
const dateReg = /^\d{4}(\-)\d{1,2}\1\d{1,2}$/;
// 日期格式验证2021-10-10 16:16:16:
const dateReg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;

周浚豪...小于 1 分钟常用正则
03、了解后台基本构造

03、了解后台基本构造

1、了解后台基本构造

在开始搭建后台之前我们需要先了解一个正常运行的后台都包含那些内容由哪些东西构成

1、参考 vue-admin-template

vue-admin-template 是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint,这些搭建后台必要的东西。在线连接


周浚豪...小于 1 分钟vue3tspiniaadminvue3tspiniaadmin
04、搭建 Layout

04、搭建 Layout

1、了解 Layout

对于上一章节的页面划分了解,在行业中有一种通俗的叫法,叫 Layout 布局,因为我们切换页面的时候只有主要内容区切换了,并不是整个页面刷新,这里需要注意。

2、Layout

1、搭建 Layout 在 src 目录下新建 Layout 文件夹

2、在 Layout 文件夹中新建 index.vue、Menu 文件夹和 index.vue、Header 文件夹和 index.vue

Layout文件
Layout文件

周浚豪...大约 1 分钟vue3tspiniaadminvue3tspiniaadmin
介绍页

介绍页

嗨!我是周浚豪,一名前端开发工程师

3年前端开发经验,主要从事PC端、移动端各个平台的业务开发,具备一定抗压能力,熟悉主流开发框架Vue,技术栈涉及Node后端、uniapp、apiCloud、混合开发、移动端开发、PC端开发,逻辑思维、沟通能力好。喜欢思考,求知欲望强烈,勇于探索。


周浚豪...小于 1 分钟
2