nVisual前端目录结构

server/2024/11/14 12:59:48/

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

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.ppmy.cn/server/141229.html

相关文章

ONLYOFFICE 8.2测评:功能增强与体验优化,打造高效办公新体验

引言 随着数字化办公需求的不断增长,在线办公软件市场竞争愈加激烈。在众多办公软件中,ONLYOFFICE 无疑是一个颇具特色的选择。它不仅支持文档、表格和演示文稿的在线编辑,还通过开放的接口与强大的协作功能,吸引了众多企业和个人…

如何使用 Puppeteer 和 Browserless 抓取亚马逊产品数据?

您可以在亚马逊上找到所有有关产品、卖家、评论、评分、特价、新闻等的相关且有价值的信息。无论是卖家进行市场调研还是个人收集数据,使用高质量、便捷且快速的工具将极大地帮助您准确地抓取亚马逊上的各种信息。 为什么抓取亚马逊产品数据很重要? 亚…

文件系统和日志管理

文件系统 文件系统: 文件系统提供了一个接口,用户用来访问硬件设备硬件设备上对文件的管理 存储单位 文件存储在硬盘上,硬盘最小的存储单位是512字节 扇区,文件在硬盘上的最小存储单位:块block,一个块的…

【经验分享】六西格玛管理培训适合哪些人参加?

六西格玛管理培训是一种旨在提高企业业务流程质量和效率的系统方法。它通过一系列结构化的改进流程,使用统计工具和分析方法来减少变异和缺陷,从而实现质量改进和成本节约。这种培训不仅适用于特定行业或职位,而是对多个领域和层级的人员都具…

压缩Minio桶中的文件为ZIP,并通过 HTTP 响应输出

注: 这里压缩包的名称默认为 bucketName.zip 可根据需求情况修改 ​ 压缩后的路径和Minio文件路径一直 /*** 下载并压缩 Minio 桶中的文件,并通过 HTTP 响应输出** param bucketName 桶名称* param response HTTP 响应对象*/public static void downloadMinioFile…

造纸厂会用到哪些自动化备品备件

以下是一些造纸厂常用的自动化备品备件: 造纸机设备配件: 烘缸、网笼、压榨辊等造纸机核心部件的备品备件,用于确保造纸机的正常运行和纸张的质量。轴承座、导辊瓦架等支撑和传动部件,保证造纸机的稳定性和精度。气垫式流浆箱、水…

csrf令牌

csrf get请求 路由 // index.php Route::get(/, function () {// return view(welcome);return view(login); });Route::get(d3,function(Request $request){echo "输入的内容是" . "<font color>".$request -> input(mytext)."</fon…

Spark 共享变量:广播变量与累加器解析

Spark 的介绍与搭建&#xff1a;从理论到实践_spark环境搭建-CSDN博客 Spark 的Standalone集群环境安装与测试-CSDN博客 PySpark 本地开发环境搭建与实践-CSDN博客 Spark 程序开发与提交&#xff1a;本地与集群模式全解析-CSDN博客 Spark on YARN&#xff1a;Spark集群模式…