基于Java（JSP）+MySQL实现个人与家乡展示管理平台【100010279】

# 个人与家乡展示管理平台 Java Web 课程设计，个人与家乡展示管理平台。A platform based on Java Web. # 文件说明 1. 数据库备份文件为根目录下的 hometown.sql，用户名密码等已删去 2. 根目录下 myWeb 文件夹为 IntelliJ IDEA 项目文件 3. 个人介绍界面已将与个人隐私有关的部分删除，有需要请自己添加 # 技术与详情介绍 # 用到的技术 （都是比较基础的技术） 前端：JSP+Bootstrap 框架**（萌新记得导入 BootStrap 的文件！不然什么显示效果都不会有）** 数据交互：Servlet 数据库：MySQL 服务器：Tomcat7 # 课设内容 个人及家乡展示展示管理平台应该具备如下几方面的内容。  ## 系统功能详细介绍 ### 前端 1. 欢迎页面（首页）：实现照片的轮播，以及其他功能的链接等。 2. 个人简介：个人情况的简单介绍界面，根据个人兴趣设计。 3. 个人技能管理：科研情况，学习成绩，开发技能，获奖 其他（可根据自己的喜好分类）。最好把这些做成下拉菜单的进行选择。 4. 家乡简介：家乡情况的简单介绍，根据个人兴趣设计。 5. 特色介绍：主要从美食、美景、风土人情等几方面进行介绍，但不局限于此，根据自己的喜好进行设计。 6. 用户留言：设置留言板，游客可以留言，并能实现回复功能。 ### 后端 1. 用户管理：包括管理员和游客（游客可以注册，注册之后可以进行留言），管理员管理整个后端的信息 2. 技能管理：这部分包括了下拉菜单中涉及的科研情况管理，学习成绩等管理，开发技能管理等。管理指 Web 界面实现（增删改查等工作） 3. 家乡特色介绍：这部分主要在 Web 界面进行对美食、美景、风土人情的管理，实现增删改查等功能。 4. 留言管理：可以实现留言的管理。管理同上。 # 实现方法（源码示例） 涉及个人隐私的页面会略去 ## 贯穿所有页面的侧边导航栏（Bootstrap+JSP）  ```html <!-- Sidebar --> <ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar"> <!-- Sidebar - Brand --> <a class="sidebar-brand d-flex align-items-center justify-content-center" href="index.jsp"> <div class="sidebar-brand-icon rotate-n-15"> <i class="fas fa-laugh-wink"></i> </div> <div class="sidebar-brand-text mx-3">我与家乡</div> </a> <!-- Divider --> <hr class="sidebar-divider my-0"> <!-- Nav Item - Dashboard --> <li class="nav-item active"> <a class="nav-link" href="index.jsp"> <i class="fas fa-fw fa-tachometer-alt"></i> <span>欢迎页</span></a> </li> <!-- Divider --> <hr class="sidebar-divider"> <!-- Heading --> <div class="sidebar-heading"> 个人 </div> <!-- Nav Item - Pages Collapse Menu --> <li class="nav-item"> <a class="nav-link" href="selfIntro.jsp"> <i class="fas fa-fw fa-cog"></i> <span>个人简介</span> </a> </li> <!-- Nav Item - Utilities Collapse Menu --> <li class="nav-item"> <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseUtilities" aria-expanded="true" aria-controls="collapseUtilities"> <i class="fas fa-fw fa-wrench"></i> <span>个人技能管理</span> </a> <div id="collapseUtilities" class="collapse" aria-labelledby="headingUtilities" data-parent="#accordionSidebar"> <div class="bg-white py-2 collapse-inner rounded"> <h6 class="collapse-header">方向:</h6> <a class="collapse-item" href="science.jsp">科研情况</a> <a class="collapse-item" href="study.jsp">学习成绩</a> <a class="collapse-item" href="develop.jsp">开发技能</a> <a class="collapse-item" href="reward.jsp">获奖</a> </div> </div> </li> <!-- Divider --> <hr class="sidebar-divider"> <!-- Heading --> <div class="sidebar-heading"> 家乡 </div> <!-- Nav Item - Charts --> <li class="nav-item"> <a class="nav-link" href="hometown.jsp"> <i class="fas fa-fw fa-chart-area"></i> <span>家乡简介</span></a> </li> <!-- Nav Item - Pages Collapse Menu --> <li class="nav-item"> <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePages" aria-expanded="true" aria-controls="collapsePages"> <i class="fas fa-fw fa-folder"></i> <span>特色介绍</span> </a> <div id="collapsePages" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar"> <div class="bg-white py-2 collapse-inner rounded"> <h6 class="collapse-header">南京特色:</h6> <a class="collapse-item" href="food.jsp">美食</a> <a class="collapse-item" href="scene.jsp">美景</a> <a class="collapse-item" href="custom.jsp">风土人情</a> </div> </div> </li> <!-- Divider --> <hr class="sidebar-divider"> <!-- Heading --> <div class="sidebar-heading"> 留言板 </div> <!-- Nav Item - Tables --> <li class="nav-item"> <a class="nav-link" href="messageBoard.jsp"> <i class="fas fa-fw fa-table"></i> <span>用户留言</span></a> </li> <!-- Divider --> <hr class="sidebar-divider d-none d-md-block"> <!-- Sidebar Toggler (Sidebar) --> <div class="text-center d-none d-md-inline"> <button class="rounded-circle border-0" id="sidebarToggle"></button> </div> <!-- Sidebar Message --> <div class="sidebar-card"> <img class="sidebar-card-illustration mb-2" src="static/img/undraw_rocket.svg" alt=""> <p class="text-center mb-2"><strong>个人家乡管理展示平台</strong> 是我为java高级应用课设而开发的平台！访问更多代码，请点击： </p> <a class="btn btn-success btn-sm" href="https://blog.csdn.net/xiangQiAtCSDN">访问我的博客!</a> </div> </ul> <!-- End of Sidebar --> ``` ## 贯穿所有页面的顶部信息栏（Bootstrap+JSP）  ```html <!-- Topbar --> <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow"> <!-- Sidebar Toggle (Topbar) --> <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3"> <i class="fa fa-bars"></i> </button> <!-- Topbar Navbar --> <ul class="navbar-nav ml-auto"> <div class="topbar-divider d-none d-sm-block"></div> <!-- Nav Item - User Information --> <li class="nav-item dropdown no-arrow"> <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <% CheckLogDAO dao = new CheckLogDAO(); List<LogStatus> list = dao.readLogStatus(); for (LogStatus ls : list) { %> <span class="mr-2 d-none d-lg-inline text-gray-600 small"> <%=ls.getName()%> </span> <%}%> <img class="img-profile rounded-circle" src="static/img/undraw_profile.svg"> </a> <!-- Dropdown - User Information --> <div class="dropdown-menu dropdown-menu-rig