# datanet-search-engine-front

**Repository Path**: BDWare/datanet-search-engine-front

## Basic Information

- **Project Name**: datanet-search-engine-front
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-11-01
- **Last Updated**: 2025-06-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue3.0-template-admin
## 已完成功能 | The functionality is complete

- [x] Element Plus
- [x] N+1 多级菜单
- [x] Dashboard
- [x] 表格
- [x] router Tab 选项卡
- [x] 表单
- [x] 图表 :antv or echart
- [x] 二维码生成
- [x] 导入导出 Excel
- [x] 导出 Zip 文件
- [x] 拖拽组件
- [x] 富文本编辑器
- [x] markdown 编辑器
- [x] 个人页
- [x] 登录/注册页
- [x] 404 / 403
- [x] 菜单管理
- [x] 角色管理
- [x] 自定义图标
- [x] 图片拖拽/裁剪
- [x] 支持切换主题色:一键换肤
- [x] 指令权限：v-permisson /全局方法：$permission (参考 tableList.vue)
- [x] 国际化
- [x] 项目看板


## 使用到的插件/库 | Plugin or lib

- **eslint-plugin-vue** [eslint-plugin-vue](https://eslint.vuejs.org/user-guide/#faq)
- **axios** 强大的前端请求库
- **fues.js** [fues.js Fuzzy Search 前端模糊搜索](https://github.com/krisk/Fuse)
- **echart** [echart 数据可视化](http://echarts.apache.org/zh/index.html)
- **antv** [antv 蚂蚁数据可视化](https://antv.vision/zh)
  - antv不好用，被我删掉了
- **xlsx** [xlsx SheetJS ](https://www.npmjs.com/package/xlsx)
- **jszip** [jszip 优秀的前端压缩库 ](https://github.com/Stuk/jszip)
- **mockjs** [mockjs 模拟和交互数据](http://mockjs.com/)
- **wangeditor** [wangeditor 富文本编辑器](https://www.wangeditor.com/doc/)
- **fullcalendar** [fullcalendar 丰富的日历插件](https://github.com/fullcalendar/fullcalendar-example-projects/tree/master/vue3-typescript)

## 快速启动 | Quick Start

```

# 进入项目目录
cd datanet-search-engine-front

# 安装依赖
npm install


# 启动服务
npm run dev

# 打包
npm run build

(如果npm不好用就换成cnpm）

#front打包部署说明
1.npm run build 得到disk
2.然后到目录datanet-search-engine-backend下的biuld.gradle文件，执行buildYPK的task，
3.这会将dist，yjs，后端编译好的代码等一起打包为YPK包

```

## 说明

这个项目不用直接下载下来作为自己的front，然后按需修改即可，不用的在自己项目里面删掉

/view/Search是有一个连接合约引擎并执行合约的示例

显示：在合约引擎：http://xxx.node.internetapi.cn/DOIP/contractName/assets即可

合约引擎启动，可以将iod-docker-deploy项目拉取下来，根据readme操作。


# 编译问题补充
## 前端项目编译，安装依赖，打包等问题

首先需要安装nodejs，npm，cnpm，pnpm等，其中可以选择nvm来管理nodejs版本

可以执行`npm install -g cnpm/pnpm`安装cnpm和pnpm

#### npm install报错，对等依赖问题，不同组件依赖的同一组件的版本不一致问题

可以执行`npm install --legacy-peer-deps`或者`cnpm install`安装忽略依赖冲突进行安装

成功后执行`npm run dev`或者`cnpm run dev`启动，如果页面能正常打开，就说明成功，然后可以执行`cnpm/npm run build`进行打包，会生成一个dist目录，用于后续的ypk打包

#### 页面打开，但没有任何显示

查看日志，可能会报指定路径下解析不到组件，一般有两种情况

- 你安装依赖的时候可能因为网络等原因没有正确安装

  手动删除node_modules目录和package-lock.json文件，然后重新安装依赖

- 由于本机或者操作系统的原因，解析组件的路径不正确

  去node_modules目录下查找解析错误的组件，修改为正确路径

  也可以执行`fsutil reparsepoint query .\{element_name}\ `查看组件的链接路径

补充，发现有个别组件没有下载，可以执行`npm i {element_name} -save --legacy-peer-deps`安装组件，`-save`会自动将element添加到package.json文件