JavaScript

JavaScript，缩写为JS，是一种高级的、多范式、解释型的编程语言，是一门基于原型、函数先行的语言，它支持面向对象编程、命令式编程以及函数式编程。[1]JavaScript提供语法来操控文本、数组、日期以及正则表达式等，不支持I/O，比如网络、存储和图形等，但这些都可以由它的宿主环境提供支持。它已经由ECMA（欧洲电脑制造商协会）通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用，也被世界主流浏览器（Chrome、IE、Firefox、Safari、Opera）支持。[1]

⚙️技术栈前端Vue3+CompositionAPIVueRouterVuexElementPlus后端SpringBoot3MyBatisSpringSecurityJWT身份验证Redis缓存RabbitMQ数据库MySQL环境JavaJDK17Node.jsv18

✨✨✨M3U8-Web 是一个基于 Web 界面的视频流下载工具，专为下载 M3U8 格式的流媒体内容而设计。它具有高度的可定制性和用户友好的界面，使得下载流媒体内容变得简单高效。 适用于Nas,需要远程操作的下载任务。 ? 多线程下载：支持自定义线程数量，加速下载过程 ? 实时进度显示：直观展示下载进度和速度 ? MP4 转换：自动将下载的 TS 文件转换为 MP4 格式 ? 任务管理：便捷的任务列表管理，包括历史记录 ✏️ 自定义文件名：支持为下载文件设置自定义名称 ? 美观的 Web 界面：基于 Vue 3 和 Ant Design Vue 构建的现代界面 ? 并发任务控制：支持设置最大同时下载任务数

# 星禾语管理系统脚手架 [](https://vuejs.org/) [](https://spring.io/projects/spring-boot) [](https://element-plus.org/) [](https://sa-token.dev33.cn/) 一个基于 Vue 3 + Spring Boot + Element Plus 的现代化轻量级管理系统脚手架，提供完整的 RBAC 权限管理解决方案,没有过多的复杂功能,个人私活/二开利器。 ## ? 项目截图    ## ✨ 项目特色 ### ? 精心定制的UI设计 - **基于 Element Plus 深度定制**：在 Element Plus 基础上重新设计了色彩体系,以科技蓝为主色调进行配色 - **简约现代风格**：采用简约的视觉设计，避免华丽或刺眼的元素 - **表格自适应**：智能表格布局，大屏幕无空白，小屏幕可滚动 ### ?️ 纯净版脚手架 - **零业务代码**：专注于框架搭建，不包含具体业务逻辑 - **开箱即用**：提供完整的用户、角色、权限、菜单管理功能 - **模块化设计**：清晰的代码结构，便于二次开发 - **标准化规范**：遵循最佳实践，代码规范统一 ### ? 完善的权限体系 - **RBAC 权限模型**：基于角色的访问控制，权限管理清晰 - **菜单权限集成**：权限管理直接集成到菜单管理中，操作便捷 - **动态路由**：根据用户权限动态生成路由，安全可靠 - **状态验证**：完善的角色状态验证，禁用角色立即生效 ## ? 技术栈 ### 前端技术 - **Vue 3** - 渐进式 JavaScript 框架 - **Vite** - 下一代前端构建工具 - **Element Plus** - 基于 Vue 3 的组件库 - **Pinia** - Vue 的状态管理库 - **Vue Router** - Vue.js 官方路由管理器 - **Axios** - HTTP 客户端 - **SCSS** - CSS 预处理器 ### 后端技术 - **Spring Boot ** - Java 应用框架 - **Sa-Token** - 轻量级权限认证框架 - **MyBatis Plus** - MyBatis 增强工具 - **MySQL** - 关系型数据库 - **Maven** - 项目构建工具 ## ? 项目结构 ``` ├── xm-vue/ # 前端项目 │ ├── src/ │ │ ├── api/ # API 接口 │ │ ├── components/ # 公共组件 │ │ ├── layout/ # 布局组件 │ │ ├── router/ # 路由配置 │ │ ├── stores/ # 状态管理 │ │ ├── styles/ # 样式文件 │ │ ├── utils/ # 工具函数 │ │ └── views/ # 页面组件 │ └── package.json ├── xm-boot-huayi/ # 后端项目 │ ├── xm-api-business/ # 业务模块 │ ├── xm-common/ # 公共模块 │ ├── xm-model/ # 实体模块 │ └── sql/ # 数据库脚本 └── README.md ``` ## ? 核心功能 ### ? 用户管理 - 用户增删改查 - 用户状态管理（启用/禁用） - 密码重置功能 - 角色分配管理 - 批量操作支持 ### ? 角色管理 - 角色增删改查 - 角色状态管理 - 权限分配功能 - 菜单权限分配 - 操作权限分配 ### ? 菜单管理 - 菜单树形管理 - 菜单权限集成 - 动态路由生成 - 菜单状态控制 - 图标配置支持 ### ? 权限管理 - 权限增删改查 - 权限与菜单关联 - 权限状态管理 - 权限编码规范 - 权限描述管理 ### ?️ 安全特性 - JWT Token 认证 - 角色状态验证 - 权限实时验证 - 路由权限控制 - 接口权限校验 ## ? UI 设计特色 ### 色彩体系 - **主色调**：采用蓝色系，专业稳重 - **辅助色**：绿色（成功）、橙色（警告）、红色（错误） - **中性色**：灰色系，层次分明 - **背景色**：浅色背景，视觉舒适 ### 组件定制 - **按钮样式**：支持文本风格和边框风格 - **表格样式**：自适应宽度，响应式设计 - **表单样式**：统一的表单布局和验证 - **卡片样式**：简洁的卡片设计 ### 交互体验 - **加载状态**：优雅的加载动画 - **反馈提示**：及时的操作反馈 - **错误处理**：友好的错误提示 - **操作确认**：重要的操作确认机制 ## ? 快速开始 ### 环境要求 - Node.js >= 16.0.0 - Java >= 8 - MySQL >= 5.8 - Maven >= 3.6 ### 前端启动 ```bash # 进入前端目录 cd xm-vue # 安装依赖 npm install # 启动开发服务器 npm run dev ``` ### 后端启动 ```bash # 进入后端目录 cd xm-boot-huayi # 编译项目 mvn clean compile # 启动应用 mvn spring-boot:run ``` ### 数据库初始化 ```bash # 执行数据库脚本 mysql -u root -p < sql/sql.sql ``` ## ? 使用指南 ### 1. 用户登录 - 默认管理员账号：admin / 123456 - 支持用户名密码登录 - 登录后自动获取用户权限 ### 2. 权限配置 - 在菜单管理中创建菜单 - 在权限管理中创建权限 - 在角色管理中分配权限 - 在用户管理中分配角色 ### 3. 开发扩展 - 新增页面：在 `views` 目录下创建页面组件 - 新增接口：在 `api` 目录下创建接口文件 - 新增权限：在菜单管理中配置权限标识 - 新增路由：系统会根据菜单自动生成路由 ## ? 配置说明 ### 前端配置 ```javascript // vite.config.js export default defineConfig({ server: { port: 3000, proxy: { '/api': { target: 'http://localhost:8080', changeOrigin: true } } } }) ``` ### 后端配置 > 修改数据库信息 ```yaml # application.yml spring: datasource: url: jdbc:mysql://localhost:3306/xm_system username: root password: 123456 ``` > 修改Redis信息 ```yaml spring: redis: host: 127.0.0.1 port: 6379 database: 0 timeout: 10000ms lettuce: pool: max-active: 8 max-wait: -1ms max-idle: 8 min-idle: 0 password: ``` > 项目基于saToken-redis来实现缓存，如果不需要请移除 ```xml cn.dev33 sa-token-redis-template ${saToken.version} ``` ## ? 开源协议 本项目采用 [MIT](LICENSE) 开源协议。 ## ? 致谢 - [Vue.js](https://vuejs.org/) - 渐进式 JavaScript 框架 - [Element Plus](https://element-plus.org/) - 基于 Vue 3 的组件库 - [Spring Boot](https://spring.io/projects/spring-boot) - Java 应用框架 - [Sa-Token](https://sa-token.dev33.cn/) - 轻量级权限认证框架 ## ? 联系我们 - 邮箱：wodyiyi@163.com --- ⭐ 如果这个项目对您有帮助，请给我们一个 Star！

KMblog 是一套面向交付的静态站点引擎，我们把“写作—构建—分发”整条链路打磨成一条可复制的 DevOps 流水线，让客户在零后端投入的前提下获得企业级性能与可维护性。 核心架构上，我们采用 Vue 3 + Vite 作为前端底座，利用 Vite 的原生 ESM 与 Rollup 双引擎，在开发阶段实现毫秒级热更新，在生产构建时则借助 Vite-SSG 预渲染全部页面，配合自动路由拆分与懒加载，首屏 JS 体积较传统方案缩减 60 % 以上。样式层使用 TailwindCSS 的 JIT 模式，按需原子类打包，最终产物 CSS < 10 kB；同时通过 PostCSS 插件链路自动处理浏览器前缀与压缩，无需额外配置即可满足 Lighthouse 95+ 的评分要求。 在内容处理层面，Markdown 通过统一的 remark-rehype 管道解析，抽象出可插拔的 AST 节点，任何自定义 Vue 组件都能以 `` 形式直接在正文中引用。构建时，我们利用 esbuild 将组件编译成异步 Chunk，运行时仅加载当前页面所需逻辑；全文搜索则基于 FlexSearch 离线索引，索引文件随构建产出，查询延迟稳定在 10 ms 以内，无需后端服务即可实现动态站点级别的搜索体验。 部署环节未来将内置 GitHub Actions 模板，流水线分为 Lint → Test → Build → Deploy 四阶段，平均耗时 90 秒即可完成一次灰度发布；产物可一键推送到 GitHub Pages、Vercel、Netlify 或任何支持静态托管的边缘节点，天然具备全球 CDN 缓存与 HTTPS 证书。 对客户而言，只需 fork 仓库、填写 `config.js` 中的品牌信息，即可在五分钟内获得一套可定制、可扩展、可自动交付的高性能博客系统；后续升级只需合并上游主干，CI 会自动回归测试并平滑发布，真正做到“写内容，不操心运维”。

English | 简体中文This is the repository for the Chatbox Community Edition, open-sourced under the GPLv3 license. For most users, I recommend using the Chatbox Official Edition (closed-source). It's still completely free, easy to install, and supports more of the latest features. You can get it below:D

FAYFay数字人框架！！重要通知：我们已经把Fay的三个版本合并成1个，并致力提供更稳定更全面的功能。我们致力于思考面向终端的数字人落地应用，并通过完整代码把思考结果呈现给大家。Fay数字人框架，向上适配各种数字人模型技术，向下接入各式大语言模型，并且便于更换诸如TTS、ASR等模型，为单片机、app、网站提供全面的数字人应用接口。更新日志：https://qqk9ntwbcit.feishu.cn/wiki/UlbZwfAXgiKSquk52AkcibhHngg文档：https://qqk9ntwbcit.feishu.cn/wiki/JzMJw7AghiO8eHktMwlcxznenIg

支付宝小程序大赛入围作品 农产品销售难题： 促进销售：通过小程序展示农产品的种类、产地、质量信息等，帮助农民直接与消费者建立联系，加速农产品的销售。这对于解决农产品滞销、积压等问题具有重要意义。 提高农民收入：助农小程序为农民提供了一个便捷的销售渠道，能够帮助他们更好地推广和销售自己的农产品，从而增加收入。 供需信息不对称： 提供供需对接平台：小程序可以方便地连接农产品的供应方与需求方，使消费者能够轻松查找和购买到所需的农产品，同时也帮助农民即时了解市场需求情况，调整生产计划，减少资源浪费。 品牌信任与透明度问题： 建立信任和透明度：小程序提供农产品的详细信息、生产过程、种植方式等，帮助消费者了解产品背后的故事，建立起品牌信任和透明度。这对于提升农产品的市场竞争力，特别是针对健康、有机食品市场尤为重要。 购物体验与便利性： 便捷的购物体验：用户可以通过小程序随时随地浏览、选购、支付农产品，无需前往实体店铺，节省了时间和精力。同时，小程序支持全国快递配送，并允许用户查看物流信息，增加了购物的便利性和安全性。 营销与推广： 丰富的营销功能：助农小程序通常具备拼团、砍价、秒杀等多种营销功能，能够刺激消费者更快下单。此外，还可以利用短视频和直播功能记录农产品的采摘、打包过程，增强消费者的参与感和信任感。

主要写前端开发，因为现在还在学习后端的还学的不是很懂，主要还在学类似于pycharm这一类的，不过我会尽量去做要是有什么不会的我会尽量去学而且如果我写不出来我肯定不会收钱不会恶心别人，如果您很多需求我都会认真完成毕竟我太菜了，所以我很有耐心的完成

主要写前端开发，因为现在还在学习后端的还学的不是很懂，主要还在学类似于pycharm这一类的，不过我会尽量去做要是有什么不会的我会尽量去学而且如果我写不出来我肯定不会收钱不会恶心别人，如果您很多需求我都会认真完成毕竟我太菜了，所以我很有耐心的完成

1.基于HTML/CSS针对响应式简历进行网站式可交互开发； 2.网站采用多个页面，多个功能板块，用户可根据个人需求进行修改； 3.适用于大学生web专业课学期实践作业； 4.网站做了移动端自适应，用户可自行申请域名，进行调试和访问。

模仿饿了么开发的美团小程序，基本的框架和源码，基于VUE3和基本的HTML/CSS语言； 相关插件和资源均在项目目录之下； 适用node.js,npm运行； 属于半开发版本，小组可根据情况进行页面拓展，和后端数据交互，当前版本仅对代表性页面进行开发和完善。 适用于大学生实训课作业，和基础项目练习。

本平台用于参加新文科竞赛，结合历史与生活。 实现功能 ①创建首页： 首页将展示热门影视剧、游戏，以及与平台合作的博物馆相关信息。吸引用户同时为博物馆引流。 ②进行分类： 将内容分为电视剧、电影和游戏三个主要类别，然后进一步按照具体的影视剧和游戏进行分类，以便用户轻松找到感兴趣的内容。 ③创建发布文章和图片页面： 设计一个直观的页面，支持用户上传文章和图片。这将包括一个用户友好的表单以及文件上传功能。 ④创建社区页面： 目标是展示所有用户发布的文章和图片，这将帮助用户发现新的内容。 ⑤创建评论系统： 对于每篇文章和图片，将添加评论框，同时显示已有的评论，以促进社交互动和反馈。 ⑥创建用户个人主页： 用户的个人主页将展示其个人信息，也包括已发布的文章和评论，让用户自我展示和管理。 ⑦创建登录和注册页面： 设计用户友好的登录和注册页面，使用前端框架增强交互性，以确保用户能够轻松访问网站。 ⑧创建示例： 示例博物馆简介（山东大学青岛校区博物馆）、示例帖子（《康熙王朝》孝庄自称孝庄、《封神第一部》五弦琴）。

a.此项目使用uni-app框架进行项目搭建 b.完成开发工作打卡(定位、自定义水印相机、打卡范围) c.实现中英文语言切换 d.封装基础组件和业务组件，减少重复开发 e.为项目加入埋点系统 f.打包生成安卓、iOS、wgt包不同平台的安装包

对比其他多出了歌曲封面歌词等元元素，多线程下载，使用vue-router pinia electron python爬虫等技术，开箱即用， 支持歌曲歌词嵌入 歌曲封面嵌入 歌曲专辑名称元素 歌曲名称元素 歌曲歌手元素 歌曲ID元素

项目描述：项目实现了一套奶站后台管理系统。通过对客户、送奶工，牛奶品种及售价的管理，自动生成每日计划、配送量，以及客户的配送、停送信息；同时记录每日需要配送的总瓶数，根据客户订购总量生成明日需上报公司的订奶表格。 工作内容： ①支持 excle 表快速导入，实现了一套奶站站长的C端管理平台。 ②独立完成项目前端工程架构的搭建，以及各组件的封装； 项目亮点： 自动生成每日配送信息。 根据每日配送数据增加配送地址分类，分配给相应区域的送奶工进行配送。 根据客户订奶需求，调整设置当日客户订奶状态。

1.【50%】本网站致力于介绍狐妖小红娘该动漫，通过里面的人物主角介绍和一些精彩片段以及图片欣赏，来让人们能够了解到这部动漫的大概内容情况； 2.【20%】相比与市场，本网站涵盖了主角介绍，动漫介绍，图片欣赏，以及精彩片段等方面，基本上包括了动漫所带来的内容； 3.【30%】本方案采取了python web开发的Django为主体，用了css和js为辅助用作网页信息资料的排列。

这个项目的主页 (index.html) 介绍了中国水墨画文化，包含多个部分和功能。以下是主要内容和结构的介绍： 项目结构 导航栏 Logo 和 标题："豪斌辉出品中国水墨画文化" 导航链接：首页, 历史, 派别, 名画 背景图片 使用三个背景图片 (14.png, 15.png, 背景素材2.png) 进行装饰。 顶端内容 展示了几个图片 (line, 派别与画家.png, Schools and painters.png, 矩形 1.png) 主要内容 轮播图 使用 Swiper.js 库创建了一个大轮播图，展示了不同的画派（如：北方山水画派、吴门画派、米派、南方山水画派等）。 每个轮播图都有对应的文字描述。 小轮播图 另一个小轮播图展示了更多画派的缩略图，并在切换时显示详细的描述。 画家介绍 展示了多个著名画家的简介，包括任颐、齐白石、吴昌硕、黄宾虹、徐悲鸿、张大千等。 底部内容 Logo 和 "中国水墨画" 的中英文标题。 版权信息和联系方式。 JavaScript 功能 Swiper.js 用于实现轮播效果： 设置了大轮播图和小轮播图的效果及参数（如：coverflowEffect, slidesPerView, centeredSlides 等）。 通过按钮点击切换轮播图。 轮播图内容更新 根据当前轮播图的索引更新对应的标题和内容。 CSS 文件 cdn/bootstrap.min.css 和 css/styles.css 提供了页面的样式。 ./css/swiper.min.css 用于 Swiper.js 的样式。 页面内容示例 大轮播图展示的画派 北方山水画派 描述了北方山水画派的历史和特点。 吴门画派 介绍了吴门画派的背景和代表人物。 米派 解释了米派的特点和发展。 列举了其他一些画派，如黄荃画派、徐熙画派等。 南方山水派 描述了南方山水派的风格和代表人物。 著名画家 以独特的创作风格和广泛的艺术涵盖面开创了中国画的新境界。 这个项目展示了中国水墨画文化的多个方面，包括不同画派的介绍和著名画家的简介。页面通过丰富的视觉效果和互动功能，生动地呈现了中国传统艺术的魅力。

医院线上预约挂号网站是线上进行医院预约挂号门诊信息的平台，可以进行登录注册，同时进行医院信息查询并选择进行门诊选择并且缴费的一个线上平台。 1、功能分为网站首页，扫码登录，用户注册验证码登录等、医院查新，医院的信息公告、线上预约医院门诊，然后进行线上缴费等功能。 2、主要通过vue+ts+pinia+elementui puls等技术实现该项目，完成在线预约医院门诊并进行缴费的功能。

该项目是一个开源工具箱，是阿锋在日常工作中收集的工具类汇总，该工具箱提供了如下功能： 1、阿里云盘操作工具 2、百度网盘操作工具 3、flask操作工具 3、fastapi创建多应用操作工具 4、手机自动化appium操作工具 5、playwright网页自动化操作工具 6、sqlalchemy数据库操作工具 7、微信小程序接口开发工具 8、微信公众号接口开发工具

使用基于 nodejs 的 Hexo 框架 (Butterfly 模板) 进行个人博客的搭建 (大多数内容只需更改 yaml 配置文件, stylus 文件的网页渲染, 可以自己添加一些js等文件... 用来做特效) 使用 Twikoo 和 Vercel 部署了一个评论系统在个人博客内搭建 Twikoo 项目地址: https://github.com/swuY34/Hexo_Blog 使用 GitHub Pages 进行静态网页部署...