用VS实现简单的页面跳转

最新推荐文章于 2024-05-15 00:30:56 发布
最新推荐文章于 2024-05-15 00:30:56 发布
阅读量2w 收藏 40
点赞数 9
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44548770/article/details/89350827
版权

用VS实现简单的页面跳转

下面我们要在VS（使用版本为：Visual Studio 2015）中实现简单的页面跳转。
在这里插入图片描述
$( ).click ( function( ){ });是给button按钮id绑定点击事件的，实现页面跳转的主要代码是 window.location.href=” ”，输入正确的路径可以完成页面跳转，（mTT是控制器路径名称；Index是视图名称，这些都是可自定义的！）; alert( )是弹出框，在点击后提示是否获取成功。
在这里插入图片描述
为了方便看到效果，我们在下面设置了三个视图。分别是Index、Login、Frisk。
在这里插入图片描述
在这里给每个按钮都绑定了点击事件，点击每个按钮都可以实现页面跳转，全部设置完成后就可以启动页面了，点击第一个按钮时，如果弹出已设置的弹出框，这说明成功获取到了，如果没有弹出框，那么就要检查视图了；一般都是路径出错或者是JQuery文件引入失败造成的。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

吱韩菌
关注
  • 9
    点赞
  • 踩
  • 40
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vs怎么用一个Button链接到另一个页面
qq_44394562的博客
04-26 4037
方法1: 设置按钮的onclick事件:onclick="aa.aspx" 方法2: Response.Redirect("aa.aspx"); 方法3： Respose.write("<script>window.loaction.href='aa.aspx'</script>");
Qt学习笔记-10-Qt-VisualStudio点击按钮或目录Action打开新窗口
饱腹的鼹鼠的博客
01-15 1602
1.新建UI文件 总之先新建两个UI文件 2.添加按钮(动作)和槽函数 我这里是点击Information就弹出新的窗口 QtSon 3.添加代码 在主函数窗口QtGuiApplication1.h里添加一个槽函数来响应Information这个QAction，同时包含QtSon的头文件声明一个 #include "QtSon.h" ...... private: QtSon* son; ...... ...... private slots: void QtSonslot();
vscode实现登录界面的跳转
最新发布
l7_804829222的博客
05-15 1036
JavaScript是一门解释型语言，所谓解释型指语言是指不需要被编译为机器码在执行，而是直接浏览器|node中执行。学习页面跳转的时候，摸索了挺久，刚开始认为a标签实现超链接，加上密码输入正确的前提条件可行，但后面运行不起来。最后找到了这种简单的方法：使用location.href属性。
利用VS2010开发一个跳转页面aspx
weixin_30867015的博客
12-15 466
利用VS2010开发一个跳转页面aspx 在开发项目的过程中，由于要集成Cognos的报表通过URL，但是Cognos报表的本身URL长度过程，那么此时就需要开发一个跳转的页面，下面我们就采用VS2010开发一个跳转的页面Default.aspx 1:打开VS2010新建网站 2：选择C#语言，ASP.NET空网站 3：项目Jum...
c#简单的一个登录小界面可以实现登录跳转到其他界面
weixin_51004177的博客
09-16 527
通过使用vs2015,做一个简单登录界面代码如下。（控件的属性我在类试图修改的）
vs常用快捷键记录
是鲤鱼啊
09-01 1269
1. 转到定义 【F12】 再转回去【ctrl+shift+8】
Android 实现页面跳转
08-29
Android 实现页面跳转是 Android 开发中最基本也是最重要的一种功能，通过使用 Intent 来实现页面跳转， Intent 是 Android 中的一种机制，用于在不同的应用程序组件之间进行交互和通信。下面我们将详细介绍 Android...
ASP.net实现页面跳转的方法
10-27
以下将详细介绍如何在ASP.NET中实现页面跳转以及如何接收传递的参数。 首先，页面跳转主要通过`Response.Redirect()`方法实现。这个方法是ASP.NET内置的HTTP响应对象`HttpServerUtility`类的一部分。在代码中，我们...
Android使用Intent实现页面跳转
08-29
Android 使用 Intent 实现页面跳转 Android 中的 Intent 是一种机制，允许不同的应用程序组件之间进行交互和通信。Intent 可以理解为信使（意图），它可以协助完成 Android 各个组件之间的通讯。Intent 实现页面...
vs登陆页面网页跳转
04-15
次vs2008的网页设计是通过登陆页面，连接数据库，然后跳转到其他的页面的详细代码。
vs 做的简单的多个窗体之间的连接
10-11
vs 做的简单的多个窗体之间的连接，连接数据库，还有做一个简单的登陆界面。
VS，点击按钮打开窗口
06-12
反正不要积分，就权且当做参考吧。 有点乱，还是要有一定基础
Android使用Intent显示实现页面跳转
08-27
在 Android 中，使用 Intent 实现页面跳转非常简单。首先，需要创建两个 Activity：MainActivity 和 FirstActivity。MainActivity 负责启动 FirstActivity。 首先，在 MainActivity 中添加一个 Button，并在 Button...
php编写的简单页面跳转功能实现代码
12-18
不多说，直接上代码复制代码 代码如下://链接数据库’查询mysql_connect(‘localhost’,’username’,’userpwd’)or die(“数据库链接失败”.mysql_error());mysql_select_db(‘库名’);mysql_query(‘set names ...
Visual Studio跳转到定义位置和返回
热门推荐
abc
10-18 1万+
Visual Studio跳转到定义位置和返回 F12 跳转到定义位置 Visual Studio中，经常需要查看某个函数的代码，需要跳转到具体的位置。可以选中该函数名，按快捷键“F12”。 返回跳转前的位置 当我们读懂函数后，需要回到跳转前的位置，可以按“ctrl+shift+8”。 ...
页面自动跳转常用的三种代码
stbrief的专栏
10-11 987
很多时候我们需要Web页具备有自动跳转功能，例如，论坛中的用户登录、发帖及回复或留言簿中的留言和回复等操作成功后，若用户没有任何鼠标点击操作，过了一定的时间，页面自动跳转到预设的页面。本文讨论网页自动跳转的几种实现方法。 方法一：使用meta标签 meta标签是html不可或缺的标签之一，它负责提供文档的元信息，其参数主要有： ① http-equiv： 与文档中数据相关的HTTP文...
java中简单实现GUI页面跳转
05-30
Java中可以使用Swing或JavaFX来实现GUI页面跳转。 下面是一个使用Swing实现GUI页面跳转的示例代码： ```java import javax.swing.*; import java.awt.*; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; public class PageSwitchDemo extends JFrame implements ActionListener { private CardLayout cardLayout; private JPanel cardPanel; private JButton btnPage1, btnPage2; public PageSwitchDemo() { setTitle("页面跳转示例"); setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); setSize(300, 200); // 创建卡片布局和卡片面板 cardLayout = new CardLayout(); cardPanel = new JPanel(cardLayout); // 创建两个页面 JPanel page1 = new JPanel(); JLabel lblPage1 = new JLabel("这是第一页"); page1.add(lblPage1); JPanel page2 = new JPanel(); JLabel lblPage2 = new JLabel("这是第二页"); page2.add(lblPage2); // 将页面添加到卡片面板中 cardPanel.add(page1, "page1"); cardPanel.add(page2, "page2"); // 创建按钮 btnPage1 = new JButton("第一页"); btnPage2 = new JButton("第二页"); // 将按钮添加到窗口中 JPanel buttonPanel = new JPanel(new FlowLayout()); buttonPanel.add(btnPage1); buttonPanel.add(btnPage2); // 添加事件监听器 btnPage1.addActionListener(this); btnPage2.addActionListener(this); // 将卡片面板和按钮面板添加到窗口中 Container contentPane = getContentPane(); contentPane.add(cardPanel, BorderLayout.CENTER); contentPane.add(buttonPanel, BorderLayout.SOUTH); } @Override public void actionPerformed(ActionEvent e) { if (e.getSource() == btnPage1) { // 显示第一页 cardLayout.show(cardPanel, "page1"); } else if (e.getSource() == btnPage2) { // 显示第二页 cardLayout.show(cardPanel, "page2"); } } public static void main(String[] args) { PageSwitchDemo frame = new PageSwitchDemo(); frame.setVisible(true); } } ``` 在上面的示例代码中，我们使用了CardLayout布局来实现页面跳转。首先创建了两个面板，然后将它们添加到一个CardLayout布局的面板中。然后创建了两个按钮，点击按钮时，通过调用CardLayout的show方法来切换页面。最后将卡片面板和按钮面板添加到窗口中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值