Loading [MathJax]/jax/output/CommonHTML/config.js
社区首页 >问答首页 >使用Clean URL查询的HTML5表单搜索输入?

使用Clean URL查询的HTML5表单搜索输入?
EN

Stack Overflow用户
提问于 2017-02-24 05:43:12
回答 1查看 314关注 0票数 1

我有一个搜索输入表单。

代码语言:javascript
代码运行次数:0
复制
<form action="/search">
    <input type="search" name="tags">
    <button type="submit">Search</button>
</form>

它生成的URL如下所示

代码语言:javascript
代码运行次数:0
复制
localhost:8888/search?tags=galaxy

我如何让它生成干净的url?

代码语言:javascript
代码运行次数:0
复制
localhost:8888/search/galaxy/

对于带有分隔符的多个关键字

代码语言:javascript
代码运行次数:0
复制
localhost:8888/search?tags=galaxy+stars+space

localhost:8888/search?tags=galaxy%2C+stars%2C+space

这样我就不需要解析查询,因为我的CMS已经使用了干净的urls,它将重定向到正确的结果。它不一定是搜索“type=”,任何可以根据用户输入重定向到干净的url的输入。

EN

回答 1

Stack Overflow用户

发布于 2017-02-24 17:11:28

这里有几个选项

1-您将数据发布到服务器,没有显示URL,然后服务器返回一个干净的URL。

代码语言:javascript
代码运行次数:0
复制
public function search(Request $request)
{
    $tags = $request->tags;
    return redirect()->to('search/' . $tags); //I assumed only one tag was passed
}

这样,您就可以向用户显示干净的URL。当有多个标签时,添加额外的logique。

2-在提交时使用Javascript重写onclick

代码语言:javascript
代码运行次数:0
复制
<input type="search" name="tags">
<input type="submit" onclick="window.location.href=this.form.action + this.form.q.value;" />
<!--/search/tags-->
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42431581

复制
相关文章
Android使用Espresso实现UI自动化测试
谷歌2013年的时候开源了Espresso,谷歌的思路是,等到它足够成熟和稳定以后,将其迁移到Android SDK中,以此可见对他的重视。Google使用Espresso测试了他们自己的超过30个应用程序,包括G+、Maps和Drive。
蜻蜓队长
2018/08/03
1.5K0
Android使用Espresso实现UI自动化测试
WiX安装选项---开始菜单项
参考文档: How To: Create a Shortcut on the Start Menu,How To: Create an Uninstall Shortcut 制作的安装程序安装后,都要
张善友
2018/01/19
1.2K0
Android UI 测试 - Espresso
Android UI 测试框架,在真机运行,相比手动测试,相当于把流程自动化了,并且自动监测结果。
三流之路
2018/09/11
1.1K0
Android UI 测试 - Espresso
Espresso浅析和使用
[1510886666303_8428_1510886580252.jpg] Espresso是一个Google官方提供的Android应用UI自动化测试框架。Google希望,当Android的开发
QQ音乐技术团队
2017/11/17
2.4K0
Espresso浅析和使用
Android 单元测试和 UI 测试初步实践
对于大多数 Android 商业项目,基本都是处于高速迭代的开发阶段,这个阶段不仅仅是对项目的开发效率,也对项目的产品质量提出了更高的要求。
顾翔
2019/12/12
2.1K0
Android 单元测试和 UI 测试初步实践
Android测试入门-1
在本地执行的单元测试,不需要运行在物理设备或模拟器上,可以测试一些与Android框架无关的代码。
luciozhang
2023/04/22
7020
Android测试入门-1
android-espresso测试框架简单使用
参考文章 http://blog.csdn.net/qiang_xi/article/details/52933593 buid.gradle testCompile ‘junit:junit:4.12’ androidTestCompile ‘com.android.support.test.espresso:espresso-core:2.2.+’ androidTestCompile ‘com.android.support.test:runner:0.4.+’ androidTestCompile ‘com.android.support.test:rules:0.2’
tea9
2022/07/16
3350
android-espresso测试框架简单使用
基于Kotlin DSL的Espresso和UIAutomator的融合客户端自动化
最近小编在探索端对端测试相关的topic,在Android端的自动化测试上,可供我们选择的库并不是很多,而其中小编使用最多的两个库分别是Espresso和UIAutomator。尽管两者都可以达成我们的最终目的,但实现的过程还是有所区别的:
用户5521279
2020/05/08
2.3K0
Android开发者的UI自动化测试上手指南
开发人员测试自己所开发软件的行为就像学生在完成考试后对自己的成绩进行评估,所以可能会出现下面的问题:
蜻蜓队长
2018/08/03
8520
Android开发者的UI自动化测试上手指南
[译] Android 上一次编写,随处测试
在今年的 Google I/O 大会上,我们推出了 AndroidX Test,作为 Jetpack 的一部分。今天,我们很高兴地宣布 v1.0.0 最终版本和 Robolectric v4.0 一起发布。作为 1.0.0 版本的一部分,所有 AndroidX Test 现在都是开源的。
Android 开发者
2019/03/20
1.5K0
[译] Android 上一次编写,随处测试
13、Java菜单条、菜单、菜单项
13、Java菜单条、菜单、菜单项 一般用Java做界面时,都得牵涉到菜单条、菜单、菜单项的设计。菜单项放在菜单里,菜单放在菜单条里,且其字体均可设置。 13.1、菜单条(Menubar) Fram
YGingko
2017/12/28
3.2K0
bootstrap 下拉菜单 禁用菜单项
 <div class="dropdown"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 下拉菜单<span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">菜单项1</a></li> <li class="disabled"><a href="#">菜单项2</a></li> <li><a href="#">菜单项3</a></li> </ul> </div>
用户5760343
2019/07/05
2.3K0
Android编程权威指南笔记3:Android Fragment讲解与Android Studio中的依赖关系,如何添加依赖关系
片段是一个应用程序的用户界面或行为,可以放在一个Activity。与碎片的交互是通过FragmentManager,可以通过Activity.getFragmentManager()和 获得 Fragment.getFragmentManager()。
达达前端
2022/04/28
1.8K0
Android编程权威指南笔记3:Android Fragment讲解与Android Studio中的依赖关系,如何添加依赖关系
初学java之菜单条,菜单,菜单项的设置
1 package project; 2 import javax.swing.*; 3 4 import java.awt.event.KeyEvent; 5 import java.awt.event.InputEvent; 6 import static javax.swing.JFrame.*; 7 class WindowMenu extends JFrame //JFrame的子类 8 { 9 JMenuBar myBar ; 10 JMenu menu , su
Gxjun
2018/03/22
2.1K0
修复WordPress升级4.2外观菜单中显示选项无法点击问题
WordPress 升级 4.2 之后,目前发现存在如下 3 个问题: 有部分主题的前台会产生大量的 404 错误请求(站外资源); 评论表情名称变更导致表情无法显示或者无法通过钩子更改; 外观-->
张戈
2018/03/23
1K0
修复WordPress升级4.2外观菜单中显示选项无法点击问题
Android单元测试框架Espresso介绍
顾翔老师开发的bugreport2script开源了,希望大家多提建议。文件在https://github.com/xianggu625/bug2testscript,
顾翔
2019/12/12
1K0
安卓 topic-菜单 Menu
菜单是许多应用类型中常见的用户界面组件。要提供熟悉而一致的用户体验,您应使用 Menu API 呈现 Activity 中的用户操作和其他选项。 从 Android 3.0(API 级别 11)开始,采用 Android 技术的设备不必再提供一个专用“菜单”按钮。随着这种改变,Android 应用需摆脱对包含 6 个项目的传统菜单面板的依赖,取而代之的是要提供一个应用栏来呈现常见的用户操作。 尽管某些菜单项的设计和用户体验已发生改变,但定义一系列操作和选项所使用的语义仍是以 Menu API 为基础。本指南将介绍所有 Android 版本系统中三种基本菜单或操作呈现效果的创建方法:
acc8226
2022/05/17
2.7K0
安卓 topic-菜单 Menu
iOS选择器视图控件(UIPickerView)使用方法总结
UIPickerView是iOS中的原生选择器控件,使用方便,用法简单,效果漂亮。
珲少
2018/08/15
1.2K0
Material Design — 菜单(Menus)
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/05/17
5.8K0
点击加载更多

相似问题

使用espresso测试Android NavigationView菜单项

11

安卓Espresso片状withId withText测试

23

Android - Espresso长选项菜单-单击不可见的选项菜单项

14

Espresso单击菜单项

74

如何使用Espresso在UI测试中模拟textwatcher?

114
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文