如何进行点击事件后切换网页？

Question

如图所示：使点击宿舍类型管理后网页切换到另外一个网页

如图所示：此处为HTML部分

如图所示：此处为JS部分

如图所示：此处为数据库内容

如图所示：此处为HTML和JS的连接处

Answer 1

引自免费微信小程序：皆我百晓生

要实现点击“宿舍类型管理”后切换到另一个网页（例如 Dormtype.html），你需要在HTML中设置链接或使用JavaScript进行页面跳转，并且在你的路由配置文件（app.js）中定义相应的路由以处理这个请求。

首先，在HTML部分（图1所示的主页面），为“宿舍类型管理”添加一个链接，可以这样做：

<!-- 在适当位置添加以下a标签 -->
<a href="Dormtype.html" class="nav-link">宿舍类型管理</a>

然而，根据你提供的信息，这看起来像是一个SPA（单页应用）项目，所以可能并不直接通过HTML链接跳转，而是通过前端路由来切换视图。为此，在你的路由配置文件Dormtype.js中（图3所示），需要设置对应的路由规则。不过，从你提供的app.js内容来看，所有的路由都在同一个文件里配置。

假设你要在app.js中添加一个新的路由来处理点击“宿舍类型管理”的行为，可以这样做：

// 引入对应的组件或者渲染函数
const DormtypeView = require('./com/aaa/view/Dormtype'); // 假设这是Dormtype.html对应的功能模块

// 添加新的路由
app.use('/dormtype', DormtypeView);

然后在HTML中，使用<router-link>标签（如果你正在使用Vue Router）或者其他前端框架对应的路由链接方式来触发页面切换：

<!-- 如果是Vue Router，则添加如下标签 -->
<router-link to="/dormtype">宿舍类型管理</router-link>

这样当用户点击“宿舍类型管理”时，会触发前端路由导航，从而加载并显示Dormtype.html所对应的视图内容。

由于没有明确指出你使用的前端框架和具体技术栈，上述代码仅供参考，根据实际情况调整。