URL - URL访问 ¶

默认的URL访问方式
你想换一下URL的样子？别急

作者：KK
发表日期：2016.12.10

默认的URL访问方式 ¶

在URL上表达这个网址要调用哪个controller，哪个action来执行，默认情况下是用这样的URL来表达: http://xxx.com?r=controllerID/actionID

如果要加上参数，就要 http://xxx.com?r=controllerID/actionID&参数1=值1&参数2=值2

比如要表达一个用户信息的页面，通常我们都企图指定user/info，再接着又控制要显示哪个ID的用户，还有风格代码为2，则URL大概是：http://xxx.com?r=user/info&userId=123&style=2

解剖这个URL就是这样的结构:

网址 : http://xxx.com
GET参数列表 :
- 参数1名称 : r
- 参数1的值 : user/info 代表要执行的控制器和方法
- 参数2名称 : userId
- 参数2的值 : 123
- 参数3名称 : style
- 参数3的值 : 2

重点是要有个叫做r的get参数,用controllerID/actionID的方式来表达要调用哪个控制器方法

你想换一下URL的样子？别急 ¶

马上就讲，现在一步步深入吧，到时候你完全可以用

/user/123-2.html

这样的URL来取代下面的URL，也能表达相同的东西

/r=user/info&userId=123&style=2

var shiftWindow = function () { scrollBy(0, -50) }; if (location.hash) setTimeout(shiftWindow, 1); window.addEventListener("hashchange", shiftWindow); var element = document.createElement("script"); element.src = "./jssearch.index.js"; document.body.appendChild(element); var searchBox = $('#searchbox'); // search when typing in search field searchBox.on("keyup", function(event) { var query = $(this).val(); if (query == '' || event.which == 27) { $('#search-resultbox').hide(); return; } else if (event.which == 13) { var selectedLink = $('#search-resultbox a.selected'); if (selectedLink.length != 0) { document.location = selectedLink.attr('href'); return; } } else if (event.which == 38 || event.which == 40) { $('#search-resultbox').show(); var selected = $('#search-resultbox a.selected'); if (selected.length == 0) { $('#search-results').find('a').first().addClass('selected'); } else { var next; if (event.which == 40) { next = selected.parent().next().find('a').first(); } else { next = selected.parent().prev().find('a').first(); } if (next.length != 0) { var resultbox = $('#search-results'); var position = next.position(); // TODO scrolling is buggy and jumps around // resultbox.scrollTop(Math.floor(position.top)); // console.log(position.top); selected.removeClass('selected'); next.addClass('selected'); } } return; } $('#search-resultbox').show(); $('#search-results').html('

No results

'); var result = jssearch.search(query); if (result.length > 0) { var i = 0; var resHtml = ''; for (var key in result) { if (i++ > 20) { break; } resHtml = resHtml + '

' + result[key].file.t + '' + '' + result[key].file.d + '

'; } $('#search-results').html(resHtml); } }); // hide the search results on ESC $(document).on("keyup", function(event) { if (event.which == 27) { $('#search-resultbox').hide(); } }); // hide search results on click to document $(document).bind('click', function (e) { $('#search-resultbox').hide(); }); // except the following: searchBox.bind('click', function(e) { e.stopPropagation(); }); $('#search-resultbox').bind('click', function(e) { e.stopPropagation(); }); });