lucky_fang的博客

  • 博客(86)
  • 资源 (28)
  • 收藏
  • 关注
排序：
按最后发布时间
按访问量
RSS订阅

原创 vue3+element-plus+pinia完整搭建好看简洁的管理后台

项目使用vue3+vite+element-plus+pinia+router+axios等搭建，每个页面已经完成了对后端api请求的编码，各种交互已经写好，同时通过pinia实现数据同步与通讯，在此基础上实现页面历史导航栏功能，增加了支持多层级顶级菜单联动左侧菜单，左侧菜单由顶部菜单控制，导航栏实现对顶级菜单和左侧菜单的样式同步。其中菜单可支持动态配置，菜单icon也支持组件化动态配置，这大大提高了框架的灵活度和便捷性。项目同时采用组件来布局整个框架，左侧+顶部+导航栏+具体页面功能展示容器。

2025-05-22 23:55:16 2075

原创 springboot+mysql+element-plus+vue完整实现汽车租赁系统

项目采用前后端分离的方式实现，后端：springboot+mysql+redis实现，前端：vue+element-plus+router+vite等实现。系统其中分为管理后台和游客租赁商城两个端，用户总体分为三种角色：超级管理员、员工、游客，超级管理员和员工登录管理后台进行汽车相关信息管理，主要权限的差别，二游客通过商城端进行注册和登录后，通过充值余额后可以进行汽车的租赁操作。用户登陆后会自动根据用户类型跳转管理系统或者用户租赁商城端。项目页面完整，后续可能将不断升级，完善其他页面。

2025-05-05 21:29:16 2955 1

原创 vue+element-plus简洁完美实现古诗文网

点击访问本项目为vue项目，参考古诗文网官方样式为主题来设计元素，简洁美观；技术要点：vue、 路由router、element-plus、vuex、axios、css、vue组件等；项目页面完整，后续可能将不断升级，完善其他页面。关注作者，及时了解更多好项目！更多优质项目请看作者主页！获取源码或如需帮助，可通过博客后面名片+作者即可！

2025-03-09 22:16:24 895

原创 vue+element-plus简洁完美实现淘宝网站模板

项目页面完整，后续可能将不断升级，完善其他页面。关注作者，及时了解更多好项目！更多优质项目请看作者主页！获取源码或如需帮助，可通过博客后面名片+作者即可！

2025-02-23 18:33:12 1089

原创 vue+element-ui简洁完美实现好看的动漫网站

项目页面完整，后续可能将不断升级，完善其他页面。关注作者，及时了解更多好项目！更多优质项目请看作者主页！获取源码或如需帮助，可通过博客后面名片+作者即可！

2025-02-09 16:56:13 737

原创 vue+element-ui简洁完美实现个人博客“​响石潭 ​”

项目页面完整，后续可能将不断升级。关注作者，及时了解更多好项目！更多优质项目请看作者主页！获取源码或如需帮助，可通过博客后面名片+作者即可！

2024-07-02 23:14:46 1254

原创 vue+element-plus完美实现跨境电商商城网站

项目页面完整，后续可能将不断升级。关注作者，及时了解更多好项目！更多优质项目请看作者主页！获取源码或如需帮助，可通过博客后面名片+作者即可！

2024-06-18 09:03:15 2527 5

原创 vue+elementplus模拟“山野愚人居”简单实现个人博客

项目页面完整，后续可能将不断升级。关注作者，及时了解更多好项目！更多优质项目请看作者主页！获取源码或如需帮助，可通过博客后面名片+作者即可！

2024-06-13 22:48:50 899

原创 springboot+vue+elementui实现校园互助平台大作业、毕业设计

前后端分离实现项目分为三个部分：springboot后端、管理后台和用户平台pc端；后端采用springboot+redis+mybatisplus+mysql+JWT token；管理后台采用vue+elementui，用户平台端同样，框架类似，很好的框架、适合新手、老手，都可以，没有复杂错乱的结构。

2024-05-06 21:37:41 1638 1

原创 vue+element模仿实现云码自动验证码识别平台官网

项目页面完整，后续可能将不断升级。关注作者，及时了解更多好项目！更多优质项目请看作者主页！获取源码或如需帮助，可通过博客后面名片+作者即可！

2024-03-02 23:52:09 1662

原创 springboot+vue+element简单实现教学课程申报管理系统

课程申报管理系统教师页面进来先是一个登录页面（登录有老师、管理员）登入老师页面里面有个人资料（头像可在vue写死、姓名、职称、所在系可修改）搜索可以搜索老师所有申报的课程提交申报课程页面里有课程名称、学分、学时、开课时间（几周到几周，比如一到10周）、时长（节）、授课年纪、授课班级、授课地点是选修课还是必修课所有申报的课程列表（申报通过或不通过的由管理员发回来的退回理由）管理员页面搜索收到教师的课程名称和教师1.收到老师申报的课程申请审批课程（同意或不同意就写理由退回来）搜索可以搜索教

2023-11-17 17:40:04 854

原创 vue+element模仿实现PC端网易云，对接第三方接口

项目功能完整，后续可能将不断升级。关注作者，及时了解更多好项目！作者主页也有更多好项目分享！获取源码或如需帮助，可通过博客后面名片+作者即可！《uni-app小程序，基于vue实现电商商城》《uni-app基于vue实现商城小程序》《Springboot+Spring Security+OAuth2+redis+mybatis-plus+mysql+vue+elementui实现请假考勤系统》《vue+element实现电商商城礼品代发网，商品、订单管理》

2023-11-16 12:01:58 1604

原创 uni-app小程序，基于vue实现电商商城

uni-app,项目功能完整，后续可能将不断升级。关注作者，及时了解更多好项目！作者主页也有更多好项目分享！获取源码或如需帮助，可通过博客后面名片+作者即可！其他作品集合《uni-app基于vue实现商城小程序》《Springboot+Spring Security+OAuth2+redis+mybatis-plus+mysql+vue+elementui实现请假考勤系统》《vue+element实现电商商城礼品代发网，商品、订单管理》《vue+vant2完美实现香奈儿移动端商城网站》

2023-11-09 15:38:39 2075

原创 uni-app基于vue实现商城小程序“网易严选”

参考“网易严选”小程序项目采用传统vue项目结构，即uniapp打包和运行成小程序，使用HBuilder开发工具开发项目，通过运行启动“微信开发者工具”完成项目启动。

2023-11-07 17:59:44 4495 10

原创 Springboot+Spring Security+OAuth2+redis+mybatis-plus+mysql+vue+elementui实现请假考勤系统

项目功能完整，后续可能将不断升级。关注作者，及时了解更多好项目！作者主页也有更多好项目分享！获取源码或如需帮助，可通过博客后面名片+作者即可！其他作品集合《vue+element实现电商商城礼品代发网，商品、订单管理》《vue+vant2完美实现香奈儿移动端商城网站》《vue+elementui实现联想购物商城，样式美观大方》《vue+elementui实现英雄联盟道具城》《vue+elementui实现app布局小米商城，样式美观大方，功能完整》

2023-11-01 15:57:21 917

原创 vue+element实现电商商城礼品代发网，商品、订单管理

项目结构、设计说明项目以vue项目创建，前端某些元素使用element，项目启动执行的命令为：npm installnpm run dev（当然命令可以修改为npm run serve，没啥区别）注意：npm install 成功了再执行 npm run dev 启动项目结构如下截图，项目已经集成和实现了需要请求后端接口的一切功能，所以无须花费精力去考虑前端如何去对接后端和接口，可以把一切精力放在实现前端界面设计上来。这样不懂后端的伙伴也省心省力，接口请求只需按

2023-10-12 14:35:19 1703 2

原创 springboot+mybatis-plus+vue+element+vant2实现短视频网站，模拟西瓜视频移动端

项目功能完整，后续可能将不断升级。关注作者，及时了解更多好项目！作者主页也有更多好项目分享！获取源码或如需帮助，可通过博客后面名片+作者即可！其他作品集合《vue+vant2完美实现香奈儿移动端商城网站》《vue+elementui实现联想购物商城，样式美观大方》《vue+elementui实现英雄联盟道具城》《vue+elementui实现app布局小米商城，样式美观大方，功能完整》《vue完美模拟pc版快手，实现短视频，含短视频详情播放》

2023-07-26 15:26:20 3311 1

原创 vue+vant2完美实现香奈儿移动端商城网站

点击预览点击访问vant是一个对于移动端开发非常友好和方便的前端框架，建议前端开发的同学可以去学习学习。关注作者，及时了解更多好项目！作者主页也有更多好项目分享！获取源码或如需帮助，可通过博客后面名片+作者即可！五、其他作品集合《vue+elementui实现联想购物商城，样式美观大方》《vue+elementui实现英雄联盟道具城》《vue+elementui实现app布局小米商城，样式美观大方，功能完整》《vue完美模拟pc版快手，实现短视频，含短视频详情播放》

2023-07-11 14:55:36 4859 5

原创 vue+elementui实现联想购物商城，样式美观大方

后续不定期将不断完善和增加功能页面（数据分离管理、页面数据通讯交互、参数变化等），敬请期待。关注作者，及时了解更多好项目！作者主页也有更多好项目分享！获取源码或如需帮助，可通过博客后面名片+作者即可！

2023-07-03 17:31:04 10413 5

原创 vue+elementui实现英雄联盟道具城

后续不定期将不断完善和增加功能页面，敬请期待。关注作者，及时了解更多好项目！作者主页也有更多好项目分享！获取源码或如需帮助，可通过博客后面名片+作者即可！其他作品集合：《vue+elementui实现app布局小米商城，样式美观大方，功能完整》《vue完美模拟pc版快手，实现短视频，含短视频详情播放》《vue+element实现美观大方好看的音乐网站，仿照咪咕音乐网》《vue实现功能完整的购物商城，商品零食、电商通用商城》《vue+element实现蔬菜、水果、电商商城》

2023-06-27 15:33:05 5921 1

原创 vue+elementui实现app布局小米商城，样式美观大方，功能完整

后续不定期将不断完善和增加功能页面（数据分离管理、页面数据通讯交互、参数变化等），敬请期待。关注作者，及时了解更多好项目！作者主页也有更多好项目分享！获取源码或如需帮助，可通过博客后面名片+作者即可！其他作品集合：《vue完美模拟pc版快手，实现短视频，含短视频详情播放》《vue+element实现美观大方好看的音乐网站，仿照咪咕音乐网》《vue实现功能完整的购物商城，商品零食、电商通用商城》《vue+element实现蔬菜、水果、电商商城》

2023-06-16 17:44:42 10819 4

原创 vue+elementui完美模拟pc版快手实现短视频，含短视频详情播放

后续不定期将不断完善和增加功能页面，敬请期待。关注作者，及时了解更多好项目！作者主页也有更多好项目分享！获取源码或如需帮助，可通过博客后面名片+作者即可！《vue+element实现美观大方好看的音乐网站，仿照咪咕音乐网》《vue实现功能完整的购物商城，商品零食、电商通用商城》《vue+element实现蔬菜、水果、电商商城》《vue+element简单实现电商商城网站，模仿小米电商商城》《vue实现美观大方的动漫、cos、帖子类型网站》《vue实现好看的相册、图片网站》

2023-06-07 11:43:11 2231

原创 vue+element纯手工完美模拟实现小米有品网站

后续不定期将不断完善和增加功能页面，敬请期待。关注作者，及时了解更多好项目！作者主页也有更多好项目分享！获取源码或如需帮助，可通过博客后面名片+作者即可！其他作品集合：《vue+element实现美观大方好看的音乐网站，仿照咪咕音乐网》《vue实现功能完整的购物商城，商品零食、电商通用商城》《vue+element实现蔬菜、水果、电商商城》《vue+element简单实现电商商城网站，模仿小米电商商城》《vue实现美观大方的动漫、cos、帖子类型网站》《vue实现好看的相册、图片网站》

2023-05-24 18:28:19 2369 8

原创 vue+element实现美观大方好看的音乐网站，仿照咪咕音乐网

vue+element实现美观大方好看的音乐网站，仿照咪咕音乐网，首页样式和框架设计已经实现完成，紧接着就是其他功能页面的实现了，很快作者就会补充实现。关注作者，及时了解更多好项目！作者主页也有更多好项目分享！获取源码或如需帮助，可通过博客后面名片+作者即可！

2023-05-21 20:33:09 7000 8

原创 vue实现功能完整的购物商城，商品零食、电商通用商城

vue实现功能完整的购物商城，商品零食、电商通用商城，项目基于vue+amazeUI+jquery+elementui实现，完美实现响应式布局。作者这里在传统html静态项目基础上整合了vue项目，如需传统html项目资源记得@作者欢迎交流，关注作者，及时了解更多好项目！获取源码或如需帮助，可通过博客后面名片+作者即可！

2023-05-17 11:17:19 6272 4

原创 vue+element仿原神实现好看的个人中心

以上是仿原神个人中心的核心源码，此demo是一个简简单单的个人中心，希望能帮到有这样需求的同学。欢迎交流，关注作者，及时了解更多好项目！获取源码或如需帮助，可通过博客后面名片+作者即可！

2023-05-02 20:51:07 5881 2

原创 vue+element实现蔬菜、水果、电商商城

第一步暂时到这里，如果你也有更好的项目设计图在你的脑海，而苦于实现，不防跟作者唠叨唠叨，让爱敲代码作者来帮你实现！欢迎交流，关注作者，及时了解更多好项目！还是那句话，获取源码或如需帮助，可通过博客后面名片+作者即可！

2023-04-29 23:41:07 3088 1

原创 vue实现美观大方的动漫、cos、帖子类型网站

当然项目还有很多细节，不是一两句话可以简述的。最快的就是拿到源码去动手操作！第一步暂时到这里，关注作者，及时了解更多好项目！如果你也有好的案例，欢迎分享出来，说不定下一个demo就ta了。获取源码 或 如需帮助，通过博客后面名片+作者即可！

2023-04-15 17:25:31 4255 1

原创 vue实现好看的相册、图片网站

第一步暂时到这里，关注作者，及时了解更多好项目！如果你也有好的案例，欢迎分享出来，说不定下一个demo就ta了。还是那句话，获取源码或如需帮助，通过博客后面名片+作者即可！

2023-04-13 15:22:29 3914 1

原创 高度仿PC版《微信读书》，好看的小说、读书网站

本项目经过作者的最大努力，长期的键盘敲打，以最大限度仿照实现PC版的《微信读书》样式，因为是仿照，所以怎么也不可能与原作品相提并论（此处省略一万个谦虚的表情...），项目仅仅以作为学习和助于个人成长之用。其实作者最近经常看到这样一个情景：每天人来人往中，无论是上班、下班途中，还是地铁、公交车上，很多人，手里拿着手机，低着头，很专注地在看小说（屏幕字体很大，所以一看就知道了...），所以作者的灵感也来源于此，而微信读书也是偶然的机会看到了，想想微信的产品肯定也是顶呱呱！喜欢，那就下手吧~

2023-04-10 16:09:47 1181

原创 vue+element实现非常好看的鲜花网站商城，页面完整，样式美观

本项目在线预览：点击访问对应管理后台在线预览：点击访问与正常vue项目一样,安装node jsnpm install 安装项目依赖，即package.json文件的依赖npm run dev 启动项目若npm install有报错误：python2或python not found类似错误可尝试依次执行以下两条命令：npm install node-sass --ignore-scriptsnpm install --ignore-scripts3.顶部+内容容器+底部布局：5.商品分

2023-04-03 13:58:01 6547 8

原创 vue+elementui+springboot前后端分离实现通用商城管理后台，左右顶布局，含历史导航栏

作者一直都有打算想做一个通用的商品、商城类后台管理系统，这样的好处就是以后需要实现什么系统网站等，可充分复用系统和其逻辑，即使有改动也是在小范围，符合良好的开发思维。功能设计，商品、商城类一般都包含这几大模块：首页轮播图、商品分类、推荐分类、商品管理、订单管理、评论管理、管理员管理等；配置类设计，配置的东西一般要求可复用，避免重复不必要的开发，并且简单易用，例如一些字典、参数的配置；数据库表结构、字段属性设计合理接口访问参数等设计合理。

2023-03-21 18:14:04 2287 3

原创 微信小程序日记、微信小程序个人空间、个人日记

后期有时间，会不断完善小程序，有兴趣的小伙伴可以关注留意！有什么问题请留言或私聊、或通过博客后面名片添加作者呢！

2023-02-23 17:07:06 3690 1

原创 vue+element模仿腾讯视频电影网站（二），增加视频播放详情页

1. 本项目在线预览：点击访问2. 作者其他博客成品汇总预览：点击访问3. 接上一篇：《vue+element模仿腾讯视频电影网站》暂时源码并没有提供其他获取渠道，私聊作者获取即可，或通过博客后面名片添加作者，很简单！效果图，固定头部，以下可滚动：简介：专辑列表》全部：以上两个窗口采取：element抽屉 来实现官方截图：分为1、2、3、4、5总共五个主模块设计视频播放详情页通用头部：模拟电影数据：

2023-02-01 17:47:33 2707 1

原创 vue+element高度仿照QQ音乐，完美实现PC端QQ音乐

暂时源码并没有提供其他获取渠道，私聊作者获取即可，或通过博客后面名片添加作者，很简单！1.切换顶级菜单、二级菜单：2.歌单推荐（菜单切换+轮播）：3.新歌首发（菜单切换+轮播）：4.精彩推荐（轮播）：5.新碟首发（菜单切换+轮播）：6.排行榜（背景图裁剪实现：background-position属性）：7.MV（菜单切换+轮播）：项目目录截图：首页主页面 views/home/index.vue，通过引入子页面组件：歌单推荐（首页其中子页面之一），菜单切换，模拟数据交互，typ

2023-01-30 17:07:55 6678 5

原创 vue+element详细完整实现个人博客、个人网站

接上一篇《vue+elementui实现非常好看的博客、网站首页，网站模板》。上一篇实现了整个框架的搭建和首页的编码，在此基础上，这一期进行了最终的功能页面完善，增加了功能：同时对样式进行了更深层的改造和优化。文章详情：心情说说+我的相册+相册详情所有文章+标签合集四.数据处理主要数据就是文章+相册，分别声明为json数据格式，存储于页面缓存，因为app.vue是一定会加载的，所以作者把这些初始化数据和存储操作都放在了app.vue，利于其他页面获取缓存加载

2023-01-16 15:02:52 10561 8

原创 java MultipartFile+vue+element 批量上传文件、图片，与普通数据同时提交保存才上传到后端

缺点比较，可以说刚好相反，第一种只有一选择文件，马上就上传，用户可以在最后提交之前一直change文件，就可能不断上传了一些没必要的文件图片，造成了各种文件脏数据，除非通过某些逻辑去删除这些脏文件（定时刷数据或提交的时候判断用户最终保存的数据来删除脏数据）作者一开始是想着用@RequestBody注解来接收整个数据对象的，但是这样的话会报错，具体错误信息作者没有记录下来，大概的意思就是MultipartFile类型不支持，没有构造方法那一类的，然后看了一下MultipartFile的源码。

2023-01-13 18:47:36 7433 2

原创 vue+element对接第三方接口实现校园发帖网站“淘柳职”

接上一篇博客《vue+elementui+java 前后端分离实现学校帖子网站，仿照“淘柳职”学校大作业上一篇博客介绍的项目完全自带前、后端实现的，是一个完整的项目，现在作者在此基础上，利用已实现的前端，对接《淘柳职》其官方的接口，获取其数据来运行，就可以达到脱离自己的后端来启动运行前端项目，也就是说《淘柳职》服务一直可用的话，这个前端就可以一直运行。同时所有接口作者都已经对接实现POST注册接口 POST登录接口 GET首页轮播图接口GET首页闲置帖子列表接口GET校园分享列表接口。

2023-01-05 17:53:16 2341

原创 vue+elementui+springboot前后端分离实现学校帖子网站，模拟“淘柳职”学校大作业

淘柳职本项目完全是仿照淘柳职，在此基础上进一步完善和改进，同时也增加了额外的功能，无论是前端功能和样式，除了仿照基本功能外，还在兼容性和样式、细节加以了更多的优化，所花费的时间也是非常大的，从数据库表设计、后端搭建、前端搭建等，足足花费了一周的时间。

2023-01-03 18:32:37 1552 6

原创 vue+elementui实现U袋网-完整版

项目是传统vue项目，实现需要安装node js，然后依次成功执行：顺利的话就这么简单，当然，遇到问题，直接call me（私聊作者获取帮助，作者一直在帮助了很多的小伙伴）如果你也有更好的项目设计图在你的脑海，而苦于实现，不防跟作者唠叨唠叨，让爱敲代码作者来帮你实现！欢迎交流，关注作者，及时了解更多好项目！获取源码或如需帮助，可通过博客后面名片+作者即可！

2022-12-26 16:09:55 3020 8

vue+elementui+springboot前后端分离实现学校帖子网站，模拟“淘柳职”学校大作业
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/128536112 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 前端执行命令： 1.执行 npm install 2.再执行 npm run dev cmd窗口 redis启动命令：redis-server redis.windows.conf 前后端分离实现 项目分为三个部分：springboot后端、管理后台和用户平台pc端； 后端采用springboot+redis+mybatisplus+mysql+JWT token； 管理后台采用vue+elementui，用户平台端同样，框架类似，很好的框架、适合新手、老手，都可以，没有复杂错乱的结构。

2026-03-05

vue+elementui实现联想购物商城，样式美观大方
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/131518931 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 该文详细介绍了使用Vue.js重构联想商城的首页、商品详情、购物车、订单结算、登录注册等页面的过程。重点讨论了数据分离维护、商品数据处理、动态获取交互、图片选中状态处理和左右滑动加载等功能的实现。同时，展示了登录注册的1比1还原效果，并提供了项目结构和设计说明。 技术要点：vue、 路由router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-06

vue+vant2完美实现香奈儿移动端商城网站
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/131658278 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 该项目展示了使用Vant2框架开发的电商App的关键功能，包括首页、分类、购物车、用户模块、商品详情、订单结算和收货地址等。数据存储在JSON文件中，实现了动态数据管理。此外，还提供了商品搜索和地址管理功能。 技术要点：vue、 路由router 、vant2、vuex 、axios、css、vue组件等；

2026-03-06

springboot+mybatis-plus+vue+element+vant2实现短视频网站，模拟西瓜视频移动端
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/131938771 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 项目包含管理后台、移动端以及后端实现，即是两个前端项目加后端实现，数据库采用mysql5.8，使用redis缓存，spring oauth2、security、token登录等。管理后台前端采用vue+element实现，移动端使用vue+vant2实现。后端使用java springboot实现。

2026-03-06

vue+element实现电商商城礼品代发网，商品、订单管理
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/133789550 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为vue项目，参考礼品代发网官方样式为主题来设计元素，简洁美观； 技术要点：vue、 路由router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-06

Springboot+Spring Security+OAuth2+redis+mybatis-plus+mysql+vue+elementui实现请假考勤系统
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/134161879 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 前端执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 项目包含管理后台前端、以及后端实现，即是两个前端项目加后端实现，数据库采用mysql，使用redis缓存，spring oauth2、security、token登录等。管理后台前端采用vue+element实现。后端使用Springboot+Spring Security+OAuth2+redis+mybatis-plus+mysql。 分为三种角色登录：辅导员、教师、学生：辅导员权限最大，拥有系统全部权限，其次是教师，拥有授课班级和学生相关的全部权限和其他数据的预览功能，最后是学生，只拥有个人数据的操作权限和其他数据的预览功能。

2026-03-06

uni-app基于vue实现商城小程序“网易严选”
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/134269531 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 参考“网易严选”小程序 项目采用传统vue项目结构，即uni-app 打包和运行成小程序，使用HBuilder开发工具开发项目，通过运行启动“微信开发者工具”完成项目启动。

2026-03-06

uni-app小程序，基于vue实现电商商城
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/134311502 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 项目采用传统vue项目结构，即uni-app打包和运行成小程序，使用HBuilder开发工具开发项目，通过运行启动“微信开发者工具”完成项目启动。

2026-03-06

vue+element模仿实现PC端网易云，对接第三方接口
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/134438401 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为vue项目，参考古诗文网官方样式为主题来设计元素，简洁美观； 技术要点：vue、 路由router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-06

springboot+mybatis+redis+authToken+vue+element简单实现教学课程申报管理系统
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/134467226 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 前端执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 后端实现框架：SpringBoot+OAuth2+Spring Security+Redis+mybatis-plus+mysql+swagger搭建实现； 前端框架实现：vue+element实现的独立vue项目； 前后端分离实现，项目使用传统vue项目结构实现，前端采用element实现。

2026-03-06

vue+element-ui简洁完美实现个人博客“​响石潭 ​”
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/140138450 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.执行 npm install 2.再执行 npm run dev 本项目为vue项目； 技术要点：vue、 路由router 、element-ui、vuex、axios等；

2026-03-05

vue+element模仿实现云码自动验证码识别平台官网
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/136424637 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为vue项目，参考古诗文网官方样式为主题来设计元素，简洁美观； 技术要点：vue、 路由router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-05

vue+element-plus简洁完美实现古诗文网
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/146139509 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.执行 npm install 2.再执行 npm run dev 本项目为vue项目，参考古诗文网官方样式为主题来设计元素，简洁美观； 技术要点：vue、 路由router 、element-plus、vuex 、axios、css、vue组件等；

2026-03-05

vue+elementplus模拟“山野愚人居”简单实现个人博客
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/139665674 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.执行 npm install 2.再执行 npm run dev 本项目参考以上博客样式实现，简单美观的样式最能吸引人，同时也是学习项目的好材料。 项目采用vite vue3框架搭建，集成了elementplus、 axios、vue-router、pinia、vant等。

2026-03-05

vue+element-plus完美实现跨境电商商城网站
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/139757127 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.执行 npm install 2.再执行 npm run dev 本项目模仿跨境电商 商城实现，跨境电商一般设计上与传统电商网站是不太一样的，样式上会更加向外； 技术要点：vue3、 路由router、pinia、element-plus、vuex、axios 、vite等

2026-03-05

vue+element-ui简洁完美实现好看的动漫网站
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/145533774 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.执行 npm install 2.再执行 npm run dev 本项目为vue项目，以动漫为主题来设计元素，简洁美观； 技术要点：vue、 路由router、element-ui、vuex、axios等；

2026-03-05

vue3+element-plus简洁完美实现淘宝网站模板
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/145813210 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.执行 npm install 2.再执行 npm run dev 本项目为vue项目，参考淘宝官方样式为主题来设计元素，简洁美观； 技术要点：vue3、 路由router、element-plus、vuex、axios等；

2026-03-05

springboot+mybatis-plus+mysql+element-plus+vue完整实现汽车租赁系统
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/147722470 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.执行 npm install 2.再执行 npm run dev 项目采用前后端分离的方式实现，后端：springboot+mysql+redis实现，前端：vue+element-plus+router+vite等实现。系统其中分为管理后台和游客租赁商城两个端，用户总体分为三种角色：超级管理员、员工、游客，超级管理员和员工登录管理后台进行汽车相关信息管理，主要权限的差别，二游客通过商城端进行注册和登录后，通过充值余额后可以进行汽车的租赁操作。

2026-03-05

vue3+element-plus+pinia完整搭建好看简洁的管理后台
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/148151274 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.执行 npm install 2.再执行 npm run dev 项目使用vue3 +vite+element-plus+pinia +router+axios等搭建，每个页面已经完成了对后端api请求的编码，各种交互已经写好，同时通过pinia实现数据同步与通讯，在此基础上实现页面历史导航栏功能，增加了支持多层级顶级菜单联动左侧菜单，左侧菜单由顶部菜单控制，导航栏实现对顶级菜单和左侧菜单的样式同步。

2026-03-04

vue+element仿原神实现好看的个人中心
博客介绍地址：https://blog.csdn.net/lucky_fang/article/details/130466636 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 一、仿原神效果图 二、代码实现 1.项目截图 2.路由配置 完整源码 3.个人中心index源码 4.用户信息页面源码 5.我的合集源码 以上是仿原神个人中心的核心源码，此demo是一个简简单单的个人中心，希望能帮到有这样需求的同学。

2024-11-22

vue+element-ui实现景点项目-模拟数据库交互-完整功能
项目预览地址：http://106.53.69.62/ 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为vue项目，参考古诗文网官方样式为主题来设计元素，简洁美观； 技术要点：vue、 路由router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-09

vue+element模仿电商商城，前后端分离实现，下单微信扫码支付
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/128144683 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为vue项目，参考古诗文网官方样式为主题来设计元素，简洁美观； 技术要点：vue+element+SpringBoot+OAuth2+Spring Security+Redis+mybatis-plus+mysql+swagger、vue、 路由router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-09

vue+element+electron仿PC微信实现
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/128223546 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： npm cache clean --force npm config set strict-ssl false npm install node-sass --ignore-scripts npm install --ignore-scripts yarn install yarn run electron:serve 本项目为vue项目，参考古诗文网官方样式为主题来设计元素，简洁美观； 技术要点：electron、vue、 路由router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-09

springboot+vue+elementui实现校园互助平台大作业、毕业设计
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/138423877 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 前端执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为前后端项目，参考古诗文网官方样式为主题来设计元素，简洁美观； 技术要点： 前端 vue+elementui； 后端： SpringBoot OAuth2 Spring Security Redis mybatis-plus mysql swagger

2026-03-09

vue+element详细完整实现个人博客、个人网站
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/128703633 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为vue项目，参考个人博客官方样式为主题来设计元素，简洁美观； 技术要点：vue、 路由router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-09

vue+element高度仿照QQ音乐，完美实现PC端QQ音乐
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/128804508 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为vue项目，参考PC端QQ音乐官方样式为主题来设计元素，简洁美观； 技术要点：vue、 路由router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-09

vue+element模仿腾讯视频电影网站，增加视频播放详情页
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/128837639 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为vue项目，参考腾讯视频电影网站官方样式为主题来设计元素，简洁美观； 技术要点：vue、 路由router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-09

微信小程序日记、微信小程序个人空间、个人日记
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/129184553 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 本项目为微信小程序项目，简洁美观； 小程序所追求的用户体验、代码质量、美观的样式，简单方便丰富的api、样式封装等，同时又与普通的前端开发非常相似，让人很容易就上手。 这篇博客介绍的是一款记录个人/家庭日常记录的微信小程序。

2026-03-09

vue+elementui+springboot前后端分离实现通用商城管理后台，左右顶布局，含历史导航栏
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/129693184 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为vue项目，参考管理后台样式为主题来设计元素，简洁美观； 技术要点：springboot、mybatis、redis、mysql、vue、 路由router 、element-ui、vuex 、axios、css、vue组件等； 功能设计，商品、商城类一般都包含这几大模块：首页轮播图、商品分类、推荐分类、商品管理、订单管理、评论管理、管理员管理等； 配置类设计，配置的东西一般要求可复用，避免重复不必要的开发，并且简单易用，例如一些字典、参数的配置； 数据库表结构、字段属性设计合理 接口访问参数等设计合理

2026-03-06

vue+element实现非常好看的鲜花网站商城，页面完整，样式美观
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/129926581 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为vue项目，参考鲜花商城官方样式为主题来设计元素，简洁美观； 技术要点：vue、 路由router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-06

高度仿PC版《微信读书》，好看的小说、读书网站
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/130061762 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为vue项目，参考微信读书官方样式为主题来设计元素，简洁美观； 技术要点：vue、 路由router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-06

vue+element实现好看的相册、图片网站
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/130130208 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为vue项目，参考画虫网官方样式为主题来设计元素，简洁美观； 技术要点：vue、 路由router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-06

vue实现美观大方的动漫、cos、帖子类型网站“半次元”
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/130172094 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为vue项目，参考半次元网官方样式为主题来设计元素，简洁美观； 技术要点：vue、 路由router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-06

vue+element实现蔬菜、水果、电商商城
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/130444489 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为vue项目，参考官方样式为主题来设计元素，简洁美观； 技术要点：vue、 路由router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-06

vue实现功能完整的购物商城，商品零食、电商通用商城
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/130705516 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为vue项目，参考购物商城官方样式为主题来设计元素，简洁美观； 技术要点：vue、 路由router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-06

vue+element实现美观大方好看的音乐网站，仿照咪咕音乐网
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/130795612 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为vue项目，参考咪咕音乐网官方样式为主题来设计元素，简洁美观； 技术要点：vue、 路由router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-06

vue+element完美模拟pc版快手实现短视频，含短视频详情播放
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/131083983 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为vue项目，参考快手PC官方样式为主题来设计元素，简洁美观； 技术要点：vue、 路由router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-06

vue+elementui+vant2实现app布局小米商城，样式美观大方，功能完整
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/131250849 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为vue项目，参考小米移动端官方样式为主题来设计元素，简洁美观； 技术要点：vue、 路由vant2、router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-06

vue+elementui实现英雄联盟道具城
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/131416983 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为vue项目，参考英雄联盟道具城官方样式为主题来设计元素，简洁美观； 技术要点：vue、 路由router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-06

vue+element纯手工完美模拟实现小米有品网站
博客介绍地址：https://yxsdgz.blog.csdn.net/article/details/130852103 博客后面名片可+作者（优&惠&售后），可了解清楚再下载 执行命令： 1.删掉项目目录下package-lock.json 2.执行npm config set strict-ssl false 3.再执行 npm install 4.再执行 npm run dev 本项目为vue项目，参考小米有品网站官方样式为主题来设计元素，简洁美观； 技术要点：vue、 路由router 、element-ui、vuex 、axios、css、vue组件等；

2026-03-06

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章？
取消 删除