智能排班系统 【web前端/小程序结构介绍+开发环境介绍+项目启动】

简介: 智能排班系统 【web前端/小程序结构介绍+开发环境介绍+项目启动】

Web前端

项目结构

├─build├─build
├─dist // 项目打包之后的文件存放的目录
├─mock // 模拟后台接口,返回数据给前端测试
├─node_modules // 依赖安装目录
├─public // 存储一些静态资源
├─src
│  ├─api // 存放向后台发请求的方法
│  │  ├─enterprise
│  │  ├─login
│  │  ├─shiftScheduling
│  │  ├─statistics
│  │  ├─system
│  │  └─thirdParty
│  ├─assets // 存储静态资源
│  │  ├─404_images
│  │  ├─aliIconfont // 阿里巴巴矢量图标库
│  │  ├─login
│  │  │  ├─img
│  │  │  ├─plugins
│  │  │  │  ├─axRate
│  │  │  │  ├─axTree
│  │  │  │  │  └─icons
│  │  │  │  └─ztree
│  │  │  │      └─images
│  │  │  └─xiaoBaiTemplate
│  │  ├─logo
│  │  ├─panel
│  │  └─regist
│  │      └─img
│  ├─components // 存放页面组件
│  │  ├─Breadcrumb
│  │  ├─constant
│  │  ├─DynamicTitle
│  │  ├─Hamburger
│  │  ├─ImageCropper
│  │  │  └─utils
│  │  ├─InstrumentPanel
│  │  ├─Message
│  │  ├─MonthSelect
│  │  ├─Pagination
│  │  ├─PanThumb
│  │  ├─ParentView
│  │  ├─PictureUpload
│  │  ├─SvgIcon
│  │  └─YearMonthSelect
│  ├─icons
│  │  └─svg
│  ├─layout // 网站主布局文件
│  │  ├─components
│  │  │  └─Sidebar // 侧边栏组件
│  │  └─mixin
│  ├─router // 路由
│  ├─store // 缓存已登录用户的一些信息,方便页面直接取用,如token、头像、用户名……
│  │  └─modules
│  ├─styles // 存放样式文件,即css文件
│  │  ├─background
│  │  ├─chart
│  │  ├─weekly
│  │  └─xiaoBaiLogin
│  ├─utils // 存放一些工具方法
│  │  ├─common
│  │  └─shiftScheduling
│  └─views // 存放页面,有的组件也放在里面(不太规范)
│      ├─dashboard
│      │  ├─enterpriseManager
│      │  ├─storeManager
│      │  └─systemManager
│      ├─editor
│      ├─enterprise
│      │  ├─enterprise
│      │  ├─organization
│      │  │  ├─role
│      │  │  └─user
│      │  ├─rule
│      │  └─store
│      │      ├─festival
│      │      ├─message
│      │      ├─position
│      │      ├─store
│      │      └─user
│      ├─login
│      ├─scheduling
│      │  ├─result
│      │  └─task
│      └─system
│          ├─log
│          │  ├─login
│          │  └─operation
│          └─menu
└─tests // 我没用到这个
    └─unit
        ├─components
        └─utils


开发环境介绍

开发环境 版本
node 16.18.1
npm 8.19.2


修改配置文件

安装依赖

npm install

启动

可以使用命令 npm run dev,或者下图的方式


小程序

IDE

小程序基于uniapp开发,需要下载HbuilderX做来作为开发工具,官网链接

使用HbuilderX打开项目,如下图


安装依赖


配置AppID

配置小程序开发工具

改成你的小程序开发工具的路径

打开微信小程序的服务端口


运行项目


目录
相关文章
|
16天前
|
前端开发 JavaScript 安全
前端性能调优:HTTP/2与HTTPS在Web加速中的应用
【10月更文挑战第27天】本文介绍了HTTP/2和HTTPS在前端性能调优中的应用。通过多路复用、服务器推送和头部压缩等特性,HTTP/2显著提升了Web性能。同时,HTTPS确保了数据传输的安全性。文章提供了示例代码,展示了如何使用Node.js创建一个HTTP/2服务器。
30 3
|
13天前
|
监控 前端开发 JavaScript
探索微前端架构:构建可扩展的现代Web应用
【10月更文挑战第29天】本文探讨了微前端架构的核心概念、优势及实施策略,通过将大型前端应用拆分为多个独立的微应用,提高开发效率、增强可维护性,并支持灵活的技术选型。实际案例包括Spotify和Zalando的成功应用。
|
17天前
|
前端开发 JavaScript
Bootstrap Web 前端 UI 框架
Bootstrap 是快速开发 Web 应用程序的前端工具包。
30 3
|
17天前
|
前端开发 安全 应用服务中间件
前端性能调优:HTTP/2与HTTPS在Web加速中的应用
【10月更文挑战第26天】随着互联网的快速发展,前端性能调优成为开发者的重要任务。本文探讨了HTTP/2与HTTPS在前端性能优化中的应用,介绍了二进制分帧、多路复用和服务器推送等特性,并通过Nginx配置示例展示了如何启用HTTP/2和HTTPS,以提升Web应用的性能和安全性。
17 3
|
17天前
|
前端开发 JavaScript API
前端框架新探索:Svelte在构建高性能Web应用中的优势
【10月更文挑战第26天】近年来,前端技术飞速发展,Svelte凭借独特的编译时优化和简洁的API设计,成为构建高性能Web应用的优选。本文介绍Svelte的特点和优势,包括编译而非虚拟DOM、组件化开发、状态管理及响应式更新机制,并通过示例代码展示其使用方法。
33 2
|
1月前
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
128 2
|
1月前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
38 0
|
1月前
|
人工智能 自然语言处理 运维
前端大模型应用笔记(一):两个指令反过来说大模型就理解不了啦?或许该让第三者插足啦 -通过引入中间LLM预处理用户输入以提高多任务处理能力
本文探讨了在多任务处理场景下,自然语言指令解析的困境及解决方案。通过增加一个LLM解析层,将复杂的指令拆解为多个明确的步骤,明确操作类型与对象识别,处理任务依赖关系,并将自然语言转化为具体的工具命令,从而提高指令解析的准确性和执行效率。
|
1月前
|
存储 弹性计算 算法
前端大模型应用笔记(四):如何在资源受限例如1核和1G内存的端侧或ECS上运行一个合适的向量存储库及如何优化
本文探讨了在资源受限的嵌入式设备(如1核处理器和1GB内存)上实现高效向量存储和检索的方法,旨在支持端侧大模型应用。文章分析了Annoy、HNSWLib、NMSLib、FLANN、VP-Trees和Lshbox等向量存储库的特点与适用场景,推荐Annoy作为多数情况下的首选方案,并提出了数据预处理、索引优化、查询优化等策略以提升性能。通过这些方法,即使在资源受限的环境中也能实现高效的向量检索。
|
1月前
|
机器学习/深度学习 弹性计算 自然语言处理
前端大模型应用笔记(二):最新llama3.2小参数版本1B的古董机测试 - 支持128K上下文,表现优异,和移动端更配
llama3.1支持128K上下文,6万字+输入,适用于多种场景。模型能力超出预期,但处理中文时需加中英翻译。测试显示,其英文支持较好,中文则需改进。llama3.2 1B参数量小,适合移动端和资源受限环境,可在阿里云2vCPU和4G ECS上运行。