当前位置: 首页 > article >正文

nVisual前端目录结构

一、前端项目部署包目录结构

1. cloud-files

存放文件的文件夹,cloud用户使用的,非saas项目用不到

2. config

用于存放全局的配置文件;

access.js 登录页面配置,配置页面样式图片和交互
api.js 用于设置全局的请求域名,接口请求域名,websocket请求域名等
diagram.js 用于网站的基础配置,顶层文字的名称、网页标题的名称、语言的默认首选项等。具体里面有备注
display.css 用于网站功能界面的显示隐藏
map.js 项目中地图配置
menu.js 首页菜单配置

3. css

项目中被压缩的样式文件,其中包括第三方插件的样式如 elementUI的样式、Stimulsoft报表插件的样式等

4. fonts

项目中用到的各种字体(大部分是iconfount图标字体)

5. icon

项目中icon的字体文件

6. iframe

开发测试时用到的测试组件,部署时不需要

7. img

图片文件夹:
bg:登录页面背景图片
ht:ht相关图片
linkType: 线缆类型图片
map:地图相关图片(缩略图、类型图、预览图)
tiles:地图默认自定义目录
navigation: 导航页面图标
nvisual 相关业务图片
stimulsoft 报表自定义的图片
widget:展现鼠标或快捷方式的图片

8. js

前端脚本文件夹

9. libs

第三方插件文件夹、里面有ht、luckysheet、mapbox、ssh、stimulsoft:

ht:

core->about 授权文件
core->ht.js ht核心文件
custom ht自定义参数文件
plugin ht组件文件

ssh xterm.js第三方终端仿真插件

stimulsoft

localization 多语言文件
script 原生脚本
key id文件

10. localization

多语言用到的json

11. reports

前端程序用到的一些文件,比如标签打印、工单报表功能用到的mrt文件
工单报表:work_order_task_output_template/
标签打印:work_order_task_output_template/label_print
标签打印Execl导入版:work_order_task_output_template/label_print_import

12. sqlEditor

存放一些sql文件

13. template

模版文件夹,目前存放了一些项目给客户使用的数据导入标准模本,通过这些模版来规范导入数据的execl格式

14. projects

一些独立项目:
  fieldPropertiesAutomaticallyNamed: 自动命名项目
  project: 项目管理项目
  samples:工单报表/标签打印独立程序
  workOrder:工单管理独立程序

devTheme

dev框架主题文件

二、前端项目开发目录结构简单介绍(主要介绍src源码位置的目录结构)

1.nvisual_HtSdk_demo

项目的sdk独立项目

2.projects

从项目中独立出来的独立项目,都集中在这个文件里

3.public

插件、配置文件、模版、业务文件、页面模版等

5.src

nVisual项目源码
1. assets 用于存放项目开发中用到的一些静态资源,目前只存放了一些icon字体文件
2. build 项目用到打包程序,用于上线打包等
3. cli 跟源码无关,是方便开发的脚本
4. code 代码请求接口后的code对照表
5. components
   ————public 全局公共组件存放位置
   ————request 全局请求配置文件存放位置
   ————views vue组件(vue业务组件)
6. controller 控制器,每个模块或者页面都有一个独立的控制器层,每个控制器里写一些关于这个模块或者页面的业务逻辑
7. entry 页面入口,这里的每个脚本对应的每个vue页面的入口(webpack入口)
8. htModule 从业务中分离出来创建的全局HT对象,方便在业务代码各个地方调用
9.  i18n 多语言模块的功能代码
10. location 多语言的功能代码
11. log 日志
12. model 接口请求层,这个文件夹里对应各个业务模块或者页面来创建,将请求都提出来写在这里,方便复用
13. pages vue脚手架目录中的文件夹,用来放置各个页面的入口组件
14. router vue路由器
15. service 服务层,这个文件夹里对应各个业务模块或者页面来创建,将具体业务的深层次代码也到这个文件夹里,包括ht对象的封装,接口请求前的数据处理等
16. store vue的vuex(响应式全局对象)
17. style 一些公共样式
18. theme 主题文件样式及其核心代码
19. utils 公共方法
20. views 各个视图的入口vue组件

6.editorconfig

editor配置文件

7.eslintignore

eslint配置文件

8. .gitignore

git文件

9. babel.config

babel配置文件

10. package.json

node项目配置信息

11. vue.config.js

vue脚手架配置文件(webpack配置)

12. yarn.lock

yarn文件

http://www.kler.cn/a/388963.html

相关文章:

  • Unity3D
  • 如何提高自动驾驶中惯性和卫星组合导航pbox的精度?
  • aws(学习笔记第十二课) 使用AWS的RDS-MySQL
  • 【项目开发 | 跨域认证】JSON Web Token(JWT)
  • 2-UML概念模型测试
  • Snort的配置与使用
  • [MySQL#14] 视图 | 用户管理 | 权限设置
  • RTOS IOT 结构
  • 速盾:游戏盾的功能和原理详解
  • 【HarmonyOS NEXT】一次开发多端部署(以轮播图、Tab栏、列表为例,配合栅格布局与媒体查询,进行 UI 的一多开发)
  • 【SQL】在 SQL Server 中创建数据源是 MySQL 数据表的视图
  • 如何编译安装LNMP环境
  • 论文阅读:人工智能赋能源网荷储协同互动的应用及展望
  • ZISUOJ 2024算法基础公选课练习二
  • WAL日志
  • 逐行加载 HTML 内容并实时显示效果:使用 wxPython 的实现
  • c++中的变量与常量
  • 绿色未来的关键:先进氢气压力容器技术取得重大进展
  • PHP API为什么要使用多种提交方式
  • Linux的基本指令(一)
  • 数仓工具—Hive语法之窗口函数中的order by
  • mybatisgenerator生成mapper时报错
  • Chapter1:python数据结构与算法
  • 解耦与模块化:鸿蒙平台上的服务注册与查找机制
  • 【Ubuntu】ubuntu 22.04 设置 Xorg 弃用 Wayland
  • webstorm 设置总结