折腾:
[基本解决]Flask中用redirect和url_for跳转到URL但是网页中的url地址没有变化
期间,知道了
在Flask中,redirect后,url地址还没变,是由于js库导致的
比如jquery-mobile中,就是用:
<div data-role="page" id="welcome" data-url="{{ url_for(‘index’) }}"> |
但是我此处是Framework7的js库
所以要去搞清楚
在Framework7中,如何在页面跳转后,更新url地址
或者说:
Framework7中类似于data-url的属性,可以设置url地址的
Framework7 url
Framework7 change url
Linking between views | Framework7 Documentation
Router JavaScript API | Framework7 Documentation
javascript – 【已解决】framework7使用pushState后url依然没有变化 – SegmentFault
How can I achieve URL change on href? · Issue #331 · nolimits4web/Framework7
Initialize App | Framework7 Documentation
试试里面说到的:
pushState
和:
pushStateSeparator
去加上参数:
var myApp = new Framework7({ pushState: true, pushStateSeparator: "", swipePanel: ‘left’, // … other parameters }); |
结果问题依旧。
Framework7 redirect url
Redirect link from index.html to another html file | Framework7
Redirect url match | Framework7
how do i redirect by using javascript ? · Issue #11 · nolimits4web/Framework7
Redirection Issue · Issue #743 · nolimits4web/Framework7
要不抽空参考:
“$$(‘.fa-camera’).on(‘click’, function () {
mainView.router.loadPage(‘profile.html’,function(){
capturePhoto(); // profile.html page function //
});
});”
然后自己去在click的事件中,获得对应的eventId,
然后传入mainView.router.loadPage中?
javascript – Framework7: Login redirect – Stack Overflow
“<a href="somepage.html" class="external">link</a>”
此处加上external,会有啥效果?
javascript – Load an external page within framework7 wrapper – Stack Overflow
framework7 redirect url pass para
此处,用代码:
<!–<a href="{{ url_for(‘show_event’, event_id = expiredEvent.id, curUserOpenid = curUser.openid) }}" class="item-link item-content">–> <a href="{{ url_for(‘show_event’, event_id = expiredEvent.id, curUserOpenid = curUser.openid) }}" class="external"> |
结果,显示出来的内容,都是蓝色带链接的:
然后跳转到对应的页面后:
很明显:
显示的内容是有了,但是css等是没有生效的
-》因为此处是Framework7的页面,默认继承的内容,是不需要head和body和css等的
-》所以此处显示没有布局了
-》理论上,加上完整的html的内容,应该可以正常显示的。
-》但是是否能导航回去,以及左右边栏等内容,就没发正常处理了。
不过:
拷贝出来的url地址是我们所希望的了:
http://hd.webonn.com/show_event_page/1
[总结]
此处,只能算是基本解决了:
把href,加上external,即可实现url地址中,显示对应的地址了。
但是:
1.还需要跳转的新页面中,是完整的html,否则内容无法完全显示。
2.而且显示出来的内容,变成可以点击的蓝色了。。也很不爽,需要有空去掉才行。
等以后有空再折腾这部分吧。