问题标签 [multi-page-application]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2070 浏览

python - Dash Bootstrap 组件 NavLink 未触发回调

我正在创建一个多页面应用程序,并且我创建了一个导航栏,其中包含指向不同页面(URL)的链接,这些页面最近神秘地停止工作。我已经尝试将所有代码恢复到最后一个已知的良好状态,但它没有修复问题。目前,这仅在我的开发机器上被破坏,实时应用程序仍然有效,但由于这个问题,我无法发布新版本。我在下面包含了所有相关代码的代码片段,希望能以全新的眼光看待这个问题,谢谢。

值得注意的是,如果我将 dbc.NavLink 更改为 dbc.Link 一切正常,但在页面中布局不正确或具有活动按钮外观,因此这不是所需的选项。

这是我的版本

应用程序.py

导航栏.py

回调.py

0 投票
1 回答
69 浏览

reactjs - 将 React 用于多页面应用程序是否合理?如何?

我的 React TodoList 项目我正在考虑一个按钮将用户带到另一个页面。在此处输入图像描述

但如果我没记错的话,React 最适合用于单页应用程序。那么创建其他不与主渲染文件交互的单独组件是否明智?比如index.html < index.js < App.js(渲染到 index.js & AddTodo.html < AddTodo.js < App.js(渲染到另一个页面并且不与 index.js 交互)?

0 投票
0 回答
639 浏览

vue.js - 使用 Vue 和 Webpack 创建 MPA

我正在尝试学习如何使用 Vue 和 Webpack 4 创建多页应用程序。主要原因是服务器不是无状态的,由于权限和受保护路由的复杂性,我需要服务器来处理路由。

但是,我想使用 Vue.js 来利用单文件组件的强大功能来创建可重用和可维护的代码。我了解如何修改我的 wepack.config.js 以设置多个入口点,并且我假设我将提供一个不同的包,该包将被注入到单个 index.html 中,但有些地方我开始不清楚.

我将如何使用 Vue.js 处理这个问题?需要说明的是,我没有使用 Vue CLI,我想使用单文件组件来设计前端。一个简单的项目骨架/样板代码将不胜感激,并强调配置。

我的主要入口点(main.js)

webpack.config.js

0 投票
1 回答
22 浏览

c# - ASP.Net 按钮未链接到相应的视图/页面(选择时发出本地主机错误)

我是学习 ASP.Net 的新手,目前正在开发一个多页 Web 应用程序。我的主页视图看起来不错,但是当我尝试打开“添加联系人”视图或“编辑”或“删除”视图时,我收到一条错误消息,指出无法找到本地主机页面。我无法指出我的问题是什么 - 这是我的索引文件中的一些代码和我的控制器文件中的一些代码。如果我应该寻找其他地方,请告诉我。

与这些视图相关的索引文件代码:

家庭控制器代码:

联系人列表控制器代码:

0 投票
1 回答
1234 浏览

vue.js - 如何通过修改 vue.config.js 在嵌套子目录上创建一个多页面 Vue.js 应用程序?

我有一个多页 Vue.js 应用程序,其中包含域/法律的工作页面;域/提交;等等。我在 Vue.js页面的帮助下实现了这一点(即自定义vue.config.js

换句话说,我很好地完成了上述工作。

我现在正在尝试在新的子目录级别下实现更多的嵌套页面(除了上面我已经拥有的那些)。IE

  • 域/org/profile1
  • 域/org/profile2
  • 域/org/profile3

有什么方法可以通过定制来完成这项工作vue.config.js

当前尝试vue.config.js代码:

和文件结构:

这给了我错误:

关于如何通过修改 vue.config.js 使嵌套页面工作的指针将非常受欢迎!

0 投票
1 回答
95 浏览

reactjs - 我可以在没有 Node.js 服务器的情况下拥有一个多页面 React 应用程序吗?

我想开发一个多页面的 React 应用程序,其中您有多个 HTML 文件,而不是带有路由的单个 HTML。但是,到目前为止,我发现的所有解决方案都需要 Node.js 服务器。

经过一番努力,我最终编写了一个 webpack 配置文件来自己生成多个 HTML 文件,它根据我定义的某个文件名模式生成多个 HTML 文件。然而,配置文件并不容易维护。

然后我想知道:没有标准的解决方案吗?

0 投票
1 回答
43 浏览

php - 返回第一页时,PHP 会话在多页表单上不起作用

当我尝试在第一页上回显结果时,我没有让 PHP $_SESSION 工作。错误消息基本上表明变量未定义。

我要使用的路径:

  1. 第 1 页 = 表格 1
  2. 第 2 页 = 表格 2
  3. 返回第一页 = 表格 1,所有输入均来自先前提交的所有输入 + 文本中 2 个表格的所有数据。

那可能吗 ?

第 1 页 = index.php:

第 2 页 = 概览.php:

返回第 1 页 = index.php:

你们是否看到任何阻止代码运行的问题?

0 投票
0 回答
589 浏览

javascript - 如何使用 Vuetify.js 制作多页 Web 应用程序?

Vue的多页面应用程序很容易构建,可以通过编辑vue.config.js文件来构建。但是昨天下午,当我试图用一些 ui 结构Vuetify.js而不是 pure构建一个多页面 Web 应用程序时vue.js,发生了一件奇怪的事情:

它是一个两页应用程序:主页和注册页面。当我运行npm run build时,结果dist文件夹不包含.html第二页的文件。

所以我进行了一些测试:这是正在发生的事情:

  1. 如果主页的文件名是index.htmlinvue.config.js而第二页的文件名是second.html,那么一切都很好。

  2. 如果主页的文件名是index.htmlinvue.config.js而第二页的文件名是/second/second.htmlor second/index.html。然后,second不会创建名为的文件夹,其中的文件也不会创建/second/second.html

以前有没有人遇到过类似的问题,非常感谢您的帮助。


另外,我注意到当它只是 pure 时vue.js,图像等资产将被放入dist. 但是vuetify.js添加到项目中后,只能出现在distand jsandcssfonts的文件夹,这些图片资源会存放在文件夹下dist。不知道是不是最新vue.js版本的特性,还是配置vuetify.js. 谢谢您的帮助。


我发现第二页的所有样式表和javascript代码都是在文件夹中生成的cssjs唯一缺少的是html模板。


在构建应用程序期间,没有关于无法创建文件夹的错误。它所打印的只是资产大小的警告,因为我没有按部分导入资产,打印件是:

主页是索引文件,第二页是指注册页面。


如您所见,我将所有 html 模板都放在了public文件夹中。我希望所有构建的 html 文件都将在某个文件夹下命名为 index.html,这样我就不会从我的小项目的 url 中看到 html。

0 投票
1 回答
1018 浏览

laravel - 使用 Blade 构建 Laravel MPA,但将 Vue 添加到某些页面

我正在使用 Laravel 和 Blade 模板开发一个经典的 MPA 网页。但是在某些页面中,我想添加一些反应性来改善用户体验,为此使用 Vue 框架。

到目前为止一切顺利,如果我script在相应刀片模板末尾的普通标记中导入 Vue 和 JS 代码,我就完成了。

但我的问题是我需要所有的 JS 代码都被 webpack (Laravel Mix) 压缩和处理,这样 javascript 源就不会暴露。

有任何想法吗?提前致谢。

0 投票
1 回答
249 浏览

vue.js - 每页的 Vuejs MPA 和 indexPath

in - 可以设置使用vue.config.js的输出位置和文件名index.htmlindexPath

例如vue.config.js

index.html文件输出到backend/api/templatesnamed "base.html"

我想构建一个生成多个 html 的 MPA。

通过:

但是我只能index.html重命名为base-vue.html.

我希望能够将about.html输出输出到具有特定名称的特定文件夹中。 这可能吗?