问题标签 [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.
node.js - React/Vue(或任何其他类似框架)MPA 实现
我是 React 和 Vue 框架的新手。我正在学习如何从课程中构建简单的 SPA,但没有针对 MPA/SPA 的课程。
例如,当我需要包含 3 个部分的网站时:注册表单、登录表、仪表板
我不想使用 SPA 和路由器。我希望后端将这 3 个部分作为 3 个不同的网站提供服务。如果你问为什么,那是因为我在几乎所有 React/Vue 支持的网站(Instagram、AirBnB、Qualitista ......)上都看到了这种技术
您能否向我解释什么是最佳实践以及如何实施以及是否值得?或者我应该无论如何都只制作后端 API + SPA。
html - 使用 webpack 构建 i18n 多页站点的正确方法是什么?
任务
使用相同的部分为多种语言构建多个静态页面。使项目尽可能简单和最小化。
堆
带有 html-loader、HtmlWebpackPlugin 和 I18nPlugin 的 Webpack。没有什么花哨。今天的一切都是最新版本。
当前解决方案
webpack.config.js:
索引.html
问题
在模板中,导入
或者
翻译不起作用。
解决方案?
使用临时文件夹中的插件处理 HTML 页面(因此每个页面都构建一次以包含部分内容,并再次构建用于翻译)正在工作,但会导致无限重新渲染。而且感觉不对。
这个任务看起来很简单,我几乎不相信除了使用模板引擎之外别无他法。我想知道这是否是制作自定义插件的正确思路?如果当前的堆栈对于我的目的来说太谦虚了,请您提出任何其他选择。
问题
那么是否有一种或多或少优雅的方式来同时使用 partials 和 i18n 或者我必须使用 pug (或其他东西)进行模板?
web - 创建SPA的技术
美好的一天,伙计们。
我的任务是创建一个 SPA。
据我了解,streamlabs和streamelements是 SPA。这是一个问题 - 我必须使用哪些技术来创建类似的东西?
reactjs - 如何使用一个页面中的状态和数据并在另一个页面上使用它
我想使用在组件 1 中搜索到的数据(这是一个允许您搜索食谱的页面,然后它会给出一个带有名称成分和说明的食谱)并在第 2 页中使用它(将允许您查看食谱然后在商店 API 中搜索成分)
flutter - 更新的值在 Widget 重绘时被覆盖
我正在玩一个简单的颤振倒计时应用程序。它由 2 个页面、时钟和一个设置页面组成,用于设置要倒计时的分钟和秒。
在时钟页面 (HomeWidget) 上,用户单击按钮导航到设置页面。编辑值后,用户按下后退硬件键或应用栏中的按钮导航回时钟页面。
我要理解的问题是,在返回时,我正在处理倒计时的时间服务类中设置新值。但是在代码示例中,每次重绘时钟(每秒)时都会更新时间服务。倒计时不起作用,值保持不变。它没有显示“10:29”,而是显示“10:30”。我不知道如何处理我的 TimeService 类和我的 SettingsModel 类之间的依赖关系。
当用户导航返回时,如何正确处理时间服务类中设置值的分配?该build
方法显然是错误的地方。谁能给我一个提示?
vue.js - 如何管理 VUE 路由构建 MPA 网页?
我是使用 Vue.js 的新手。我正在尝试为公司的大型系统构建前端设计。在这个系统中,用户有一个帐户,他们可以访问多个页面来管理他们的帐户,与其他帐户交互,预约,管理或删除其他用户等。我认为既然是一个大系统,我应该使用 MPA 方法,因为我读过 SPA 不应该用于网页作为博客或在线商店,因为这些网页会不断更新(就像这个系统一样)。我的问题是:我找不到在 vue 上配置 MPA 的适当指南,是否有此指南?
我已经跟进了 PJ.Wanderson 的这个 stackoverflow anwser:Vue.js CLI 中的多个页面, 但仍然有疑问。
我还应该使用 vue 路由器吗?我应该在那里使用什么样的配置?
在这种情况下如何处理带参数的路由?在这种情况下我也应该使用 SSR 吗?
提前致谢。
reactjs - 如何在 ReactJs 中重定向到另一个类组件/页面
如何在 ReactJS 中从一个类组件重定向到另一个类组件/新页面。
目前,我可以通过 react-router 中的链接标签加载新组件。
但是然后我想重定向到另一个类组件,就像 HTML 中的 href 到另一个新页面,以前的状态将不可用,它是一个全新的类。
示例:-
我有 3 页
- 登陆页面
- 登录页面
- 注册页面
最初,LandingPage 将打开,然后当我单击相应的屏幕时,它将打开。如何从LandingPage加载新的LoginPage和SignupPage。SignupPage 和 LandingPage 都有一个单独的类组件来管理特定屏幕的状态。请分享一些代码参考。
提前致谢.. :)
javascript - 配置VueJS页面(vue.config.js中的多个页面)MPA
我正在制作MPA,使用管理端和客户端。
我需要配置 vue.config.js 来做到这一点。我在文档中发现我需要为每个页面创建一个对象。( https://cli.vuejs.org/config/#pages ) 这些是地雷:
该配置的问题在于Vue 将“索引”作为子页面。
我想访问位于:localhost:8080/ 的页面。但它只加载 client/main.js 访问 localhost:8080/index/
我应该如何配置 vue.config.js 以使用一个 main.js 用于localhost:8080/和一个不同的用于localhost:8080/admin/
“title”和“chucks”是干什么用的?我只从官方文档中复制它。
laravel - Laravel VueJS:构建多页面应用程序而不诉诸单页应用程序(SPA)方法
我正在尝试构建一个 Laravel 5.5 + VueJs 多页面应用程序。我不想使用 SPA(单页应用程序)方法使它看起来像一个多页应用程序。
URL 处的注册页面就是这种情况/register
。使用该命令php artisan make:auth
,我可以获得注册相关文件。场景是:
在web.php
中,我有:
在app.js
中,我有:
我layout.blade.php
驻留在resources/views/
文件夹中,并具有以下内容:
该register.blade.php
文件具有以下内容:
Register.vue
留在里面resources/js/components/
并具有以下内容:
所以我的预期工作流程是:首先register.blade.php
调用将继承layout.blade.php
并作为数据发送Register
应该在那里呈现的组件。
我自己也不知道如何register.blade.php
将组件Register
作为参数在该行的数据中:
在查看页面源代码时,我什至看不到app.js
页面中包含的文件。
当然,我npm run dev
每次都在测试页面之前运行命令。
问题 1:上述方法有什么问题?然而,正确的方法应该是什么?
编辑:
我的webpack.mix.js
有:
EDIT2:
在页面中,我看不到组件中的任何内容Register
。我之前忘了提。
EDIT3: 问题 2: Laravel+VueJs 组合不是真正意义上的 MPA(多页面应用程序)吗?
vue.js - 如何使用 Vue.js 制作 MPA?(或者这个项目应该是一个SPA?)
我刚刚学习了 Vue,并试图找出构建这个项目的最佳方式。
要求:
- 一个大约 6 页的基本 MPA(传统网站)。这将是静态信息。
- 需要有一个登录部分,客户将通过表单传输数据。付款也将在这里进行,因此需要安全。
我的问题是我应该如何在这里使用 Vue?(我已经使用 VueCLI 搭建了项目)
我是不是该:
A) 将它用于某些组件(导航栏、按钮、表单等)并保持结构传统?在这种情况下,我将如何构建用户仪表板以提交表单信息 - 就像一个新页面一样?
B)或者我应该将整个网站构建为 SPA 并在点击时加载新的“页面”信息?这对于登录部分会更容易吗?
阅读本文可能清楚的一件事是,我不太了解该站点将如何识别用户并处理登录。如果将其构建为 SPA,这会更容易吗?(更安全?)
(另外,我正在使用这个网站来自学前端开发,特别想了解更多关于构建 SPA 的信息 - 所以我意识到我可以使用网络编辑器或更简单的解决方案,但想学习如何做很多这来自“从头开始”)