文章目录
背景
一、技术选型
1. 支持多端访问
2. 用户角色权限管理
3. 技术交流模块
二、技术讨论
1. 前端框架的选择
2. 后端框架的选择
3. 搜索与文件上传模块
总结
背景
大熊猫国家公园需要一个门户网站来满足其宣传、交流和管理需求。该门户网站要支持多端访问，并能够为管理员、一般访客、旅行者、新闻媒体、基金会和科研人员提供服务。我们团队作为技术开发团队负责开发和建设此门户网站。
一、技术选型
在技术选型方面，我们考虑了以下三个方面：
1. 支持多端访问
为了解决多平台访问的问题，我们选择了Vue.js作为前端框架和Bootstrap作为CSS框架，可以轻松实现网页端与手机网页的适配。另外，我们还对微信公众号SDK接口进行了测试，确保用户可以方便地从不同平台进行登录、转接以及数据共享。
2. 用户角色权限管理
针对不同用户角色的服务内容，我们使用了Spring Boot框架来限制和控制用户角色的权限。管理员拥有最高权限，能够查看后台数据和网站日志，并管理使用网站的其他用户。一般访客只能浏览公开的网站信息，包括公园介绍、大熊猫科普知识、新闻资讯等。旅行者可以查看旅游相关信息，注册登录之后还可以上传和分享照片或游记，经过管理员审核后可发布。新闻媒体必须是经过审核的用户才能对公众发布内容。基金会登录到网站后，可以查看捐赠金额及资金去向。科研人员可以在技术交流论坛上交流经验，并接入大熊猫野外成长信息管理系统（项目：大熊猫2）。
3. 技术交流模块
作为专门满足科研人员需求的模块，我们使用了Discourse和GitHub来构建一个更专业的技术交流论坛，用于给熊猫爱好者和科研人员提供参与和分享体验。
二、技术讨论
在技术讨论方面，我们主要讨论了以下三个问题：
1. 前端框架的选择
Vue.js已经变得非常流行，我们就选择了这个框架。关于响应式设计的实现，尽可能保持组件单一职责，同时考虑适配不同屏幕大小的情况。 Bootstrap也是一个强大的工具，可以加快我们开发响应式布局的效率。
2. 后端框架的选择
我们使用了Spring作为后端框架，简单明了且易于维护。因为整个项目在数据处理和用户权限上需要比较复杂的逻辑，我们采用Spring Boot来管理各种权限。同时，通过Spring Data JPA连接MySQL数据库，并使用Hibernate进行数据持久化操作，降低数据库访问的难度。
3. 搜索与文件上传模块
搜索引擎对于门户网站而言是非常必要的，我们选择了Solr Search Engine实现全文检索，使得游客可以更轻松地查找到他们所需的信息。另外，我们还集成了阿里云OSS云存储系统来实现图片和视频上传模块，减少了我们的服务器数量和负载，保证了数据的安全性。
总结
综上所述，通过前后端技术的合理组合，我们构建了一个美观、易用且能够满足不同需求的大熊猫国家公园门户网站。不仅提高了用户体验，同时也为公园内的管理和运营提供了帮助。
