java web的大学校友平台系统

痛定思痛。 2022-12-02 13:40 138阅读 0赞

**UI设计**

**[演示地址][Link 1]**

### 3.6.1 登录界面UI设计 ###

大学校友平台登录界面UI设计如图3-12，包括用户和管理员两种角色的登录。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhb2JpbjU0Mw_size_16_color_FFFFFF_t_70][]

图3-12 大学校友平台登录

### 3.6.2 信息发布UI设计 ###

校友信息发布界面UI设计如图3-13所示，能够输入标题、简介等信息。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhb2JpbjU0Mw_size_16_color_FFFFFF_t_70 1][]

图3-13 发布校友交流信息

### 3.6.3 分类管理UI设计 ###

发布校友交流分类管理UI设计如图3-14所示。能够添加分类，能够对已有的分类进行列表查询，能够删除已有的分类，主要内容包括编号、分类名称、添加时间、操作事项。

![20200831090951706.png][]

图3-14 发布校友交流分类管理

### 3.6.4 个人管理UI设计 ###

个人管理UI设计实现如图3-15所示。主要能够对用户名、邮箱、手机、住址、头像、个人简介。同时能够管理留言、点赞、发布和密码修改。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhb2JpbjU0Mw_size_16_color_FFFFFF_t_70 2][]

图3-15 个人管理实现

用户交流信息发布管理UI设计如图3-16所示。主要包括编号、发布人、标题、分类、发布时间、发布内容等信息

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhb2JpbjU0Mw_size_16_color_FFFFFF_t_70 3][]

图3-16 用户信息发布管理

### 3.6.5 评论管理UI设计 ###

评论管理如图3-17所示，左边是菜单，右边是评论列表，包括编号、评论人、操作事项等信息。

![20200831091056207.png][]

图3-17 评论管理实现

### 3.6.6 前台管理UI设计 ###

前台管理界面，如3-18所示用户可以搜索，包括信息分类、资源信息、管理网站、点击排行等栏目。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhb2JpbjU0Mw_size_16_color_FFFFFF_t_70 4][]

图3-18 前台管理界面

### 3.3.7 网站资源管理UI设计 ###

网站资源下载管理UI设计如3-18所示，左边是菜单，右边是资列表，能够对资源进行删除和详情查看。

![20200831091126318.png][]

图3-19 网站资源下载管理

[Link 1]: https://www.idaobin.com/c2c/product/java-web%E7%9A%84%E5%A4%A7%E5%AD%A6%E6%A0%A1%E5%8F%8B%E5%B9%B3%E5%8F%B0%E7%9A%84%E5%AE%9E%E7%8E%B0
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhb2JpbjU0Mw_size_16_color_FFFFFF_t_70]: /images/20221123/bbf1c4e15a6c40c0a92116ed1544cfda.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhb2JpbjU0Mw_size_16_color_FFFFFF_t_70 1]: /images/20221123/70410373471f4dd59b03de66732ba32b.png
[20200831090951706.png]: /images/20221123/25fbe635bcad40b98679592d4de70b0e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhb2JpbjU0Mw_size_16_color_FFFFFF_t_70 2]: /images/20221123/00ca5188f48c49218479f69e9a6c5957.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhb2JpbjU0Mw_size_16_color_FFFFFF_t_70 3]: /images/20221123/750e3b77c8384137a1758f9c91c7a3e8.png
[20200831091056207.png]: /images/20221123/2fe88781cce347bf9a5c56fef3a0ccaf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rhb2JpbjU0Mw_size_16_color_FFFFFF_t_70 4]: /images/20221123/5aaf2e421121438badddc3e71dea16e1.png
[20200831091126318.png]: /images/20221123/30e944013bd64bba9b7fcc47d2314d1d.png