🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 页面结构介绍 ![](https://img.kancloud.cn/5c/f4/5cf497373ceba1f9b7dfce537bd90136_1920x944.png) ### 1.功能菜单 可以通过功能菜单进入到各种功能模块如:项目管理功能模块 ### 2.数据表格 将当前功能的数据信息以表格的形式展示出来 表格中的**操作一列的图标**,可以让用户对当前一行的信息进行操作 如:![](https://img.kancloud.cn/cc/8a/cc8aed8fff9cc9b39abac0fea0913ee3_30x27.png)点击可以对当前行的信息进行**编辑**![](https://img.kancloud.cn/71/66/716627f41f35833371b5fff5da4744fb_23x23.png)点击可以**删除**当前这一行的信息 ### 3.操作表格的功能按钮 1.![](https://img.kancloud.cn/84/ab/84ab8e6042bd57acf58f68f5c263dbdf_38x33.png)表示刷新表格数据 2.![](https://img.kancloud.cn/21/bb/21bbfbffb768506f1ced28a4c3b97abc_64x30.png)表示添加一条表格数据 点击后会弹出如: ![](https://img.kancloud.cn/d8/96/d896d82aff0a0ac8c88cc4c66fdac04a_1920x942.png) 3.![](https://img.kancloud.cn/52/fc/52fc08f65f83e0656d83cdc3bf2f8eba_174x32.png)输入ID的序号会自动搜索出对应的消息显示 4.![](https://img.kancloud.cn/d5/fc/d5fca9ae7bc439edc43db22087a58c79_38x32.png)可以改变表格的显示样式 点击后变成: ![](https://img.kancloud.cn/db/c3/dbc38fece241b262008fabb4aacca8cd_1920x940.png) 5.![](https://img.kancloud.cn/5d/6d/5d6dcfade3f12de5013998d7db0f2ef0_49x32.png)可以控制显示的列数 如取消勾选**创建时间**,表格就不会再显示**创建时间**这一列: ![](https://img.kancloud.cn/4e/38/4e38069d600c07f921e22b379b8e8ff8_1920x942.png) 6.![](https://img.kancloud.cn/b5/a2/b5a25b6f1a4bb56f4838a51679033981_48x30.png)可以将**当前表格显示的数据**导出成指定格式文件 ![](https://img.kancloud.cn/03/50/03508b40584ccc020c04ed953c0a6de5_1920x946.png) 7.![](https://img.kancloud.cn/90/44/90449d6fc1719660eb890bb890549fc5_39x33.png)可以选择条件搜索需要的信息 ![](https://img.kancloud.cn/46/cc/46cc35db54635415a39c68e3fca7a4ec_1920x946.png)