labsop_scientific_h5

labsop_scientific_h5 移动端 温岭项目

基于 Vue 3 + Vite + Pinia + UniApp 框架研发的科研实验系统（钉钉小程序/移动端）。

技术栈

• 前端框架: Vue 3
• 构建工具: Vite
• 状态管理: Pinia
• 跨端框架: UniApp
• 网络请求: axios
• 时间处理: dayjs
• 其他: crypto-js, sm-crypto 等安全加密工具

项目结构

├── api            # 后端接口统一定义
├── components     # 业务相关的公共组件
├── constants      # 全局常量、枚举值定义
├── hooks          # 组合式 (Composition API) 逻辑抽离
├── pages          # 各业务功能页面
├── static         # 静态图片等资源存放目录
├── store          # Pinia 状态管理仓库
├── styles         # 全局 SCSS/CSS 样式定义
├── types          # TypeScript 全局接口与类型声明
├── uni_modules    # UniApp 第三方及自定义插件包
├── utils          # 本项目通用的工具类函数
├── .env.*         # 多环境保护配置（开发、生产等）
└── package.json   # 依赖清单及脚本

开发运行指南

推荐使用 HBuilderX 进行开发调试，以获得最好的 UniApp 开发体验：

1. 导入项目：打开 HBuilderX，选择引入本项目（文件 -> 导入 -> 从本地目录导入）。
2. 下载依赖：在项目根目录打开终端执行 npm install。
3. 运行模式：
   • 点击 HBuilderX 顶部菜单栏 运行 -> 运行到内置浏览器 或对应的 钉钉小程序开发者工具 进行预览和联调。
4. 发行编译：
   • 点击 HBuilderX 顶部菜单栏 发行 -> 对应的平台生成最终代码。

注意事项

• 接口地址：请在相应的 .env.development (或其它 .env 文件) 中配置接口请求服务端的地址等环境变量。
• 模块规范：新增业务或页面时，建议在 pages/ 下按模块分子目录，如涉及多模块复用的功能抽离至 components/ 或 hooks/ 中。
• 状态管理：推荐所有跨页面共享的状态统一放入 store/ 内并通过 Pinia 获取。