小程序详情页的跳转

详情页的参数传递思考

对于这个的思考源于我刚学小程序一天,前面的时间在研究PHP的框架,然后在实现小程序的详情页跳转的时候,发现其参数和详情页的数组遍历和PHP有些区别,正因为这个区别让我陷入了循环。
先来说说在PHP中详情页实现的基本逻辑,什么MVC的就不说了,简单说一下,就是点击某个内容后,这个点击里带着ID,这个ID是区分每块详情页内容不同的关键所在,在控制器中获取到ID后再从数据库中根据这个ID查询得到对应的字段内容,并把这个内容赋给一个变量,通过模板渲染到页面,在页面中,这个页面,是只有一个的,里面内容是遍历根据这个传过来的变量作为条件或者直接输出这个变量来进行页面渲染。
接下来在小程序中,可能是因为我才学小程序,习惯性的用PHP中的逻辑来思考这里的逻辑。我们在列表页点击一篇文章,在点击事件里绑定一个取名为ID的家伙,我是通过在列表页遍历文章这个内容然后通过{{index+1}}来定义这个ID的,r然后使用一个跳转,将这个ID绑定在url地址后 wx.navigateTo({ url: "../details/details?id"+'='+detail_id}),接着在details.js中的onLoad函数中通过options.id来接受这个ID,并赋值给data中定义的id,this.setData({id: options.id})
最后就是我所思考的东西了,小程序中的详情内容,可以在其js文件的data里面定义好,通过一个数组,分别对应的定义。什么id,title,content之类的,每个值都写好来,然后在页面中,根据wx:if="{{id == 1}}" wx:if="{{id == 2}}"等等来对应的输出,内容多的,相同条件的也可以放在一个<block></block>标签中,对其的思考在于,后面的学习可能会发现可以用PHP中的方法在这里输出数据,也可能没有,但在防止数据冗余,会采用<import src=" ">来将对应的数据调用出来。
最后,后面的学习,会再向前端部分探进,页面的布局,api的调用等。用PHP思维思考数据的逻辑不免也是一个好办法,但有区别的地方还是要区别开来的。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,002评论 25 709
  • 【她被性骚扰了(3)】——预防和应对 今天,有女性读者私信我: 丁医生,您好!我今年27岁,在现单位工作两年了,工...
    兴时态_198812阅读 774评论 0 0
  • 2017年通过内省和外联,个人感觉心中所获颇丰,以此文作为去年复盘的暂结篇。 小宝诞生后的一些经历和思考,唤醒了我...
    Anita_Tang阅读 557评论 4 5
  • 雾霭连天阻谒程 雨霜竟夜嚣寒风 辗转无眠度永夜 业功不立累门庭
    闲云悠游阅读 179评论 0 0