实习日志day8

最新推荐文章于 2019-07-15 19:57:45 发布

薛哥的博客

最新推荐文章于 2019-07-15 19:57:45 发布

阅读量272

点赞数

分类专栏：实训

本文链接：https://blog.youkuaiyun.com/weixin_41842123/article/details/93844094

版权

实训专栏收录该内容

10 篇文章

订阅专栏

今天是我实习的第八天，我在项目中深入理解了数据库的优化技巧，并参与了团队的代码审查，学习到了如何写出更高效、更易维护的代码。此外，还了解了软件开发的实际流程和团队协作的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

日期	2019年6月 27日		第 8 天共 10天
实习地点		科技楼423
教学大纲中规定的实习教学内容	校内综合实训是系统讲授微信小程序开发技术，通过小程序开发项目实例来训练学生的实践能力，检验学生对微信小程序开发技术所学知识的综合运用能力的重要环节。每位学生需完成老师布置的实验内容，并完成综合性实训项目的开发。从而达到对所学知识的深刻理解，进而为今后更深入的学习和应用打下坚实的基础。
实习目的及要求	1、掌握微信小程序项目环境搭建; 2、掌握微信小程序项目界面设计编写;; 3、掌握微信小程序项目业务逻辑处理; 4、掌握MVVM设计模式框架开发; 5、通过本课程的学习，培养学生观察、分析、解决问题的能力； 6、培养学生严肃认真、实事求是的良好作风。
任务完成情况、主要收获与体会	今天学习了美团外卖基本页面的模仿。用scroll-view组件实现页面上下滚动。添加搜索框，下拉到达顶部时固定，在class里定义三目运算{{top>=20? 'fixed' :''}}，在wxss里控制position：fixed使其固定。在搜索框定义<input>里加disable：‘true’使其不能输入，再在上一级的<view>里加入点击搜索框后页面的链接，用bindtab给予。新页面里再定义了个搜索框搜索框右边加入搜索按键。在首页做一个轮播框，用swiper视图容器，在里面加入<view>标签，给予相应的宽、高，在wxss里用 display: flex;flex-wrap: wrap;使其行满后自动换行。轮播框下方做一个固定定位的附近商家<view>

//wxml

上下滚动
<scroll-view style='height:100%;' scroll-y="true" bindscroll="scrollTop"></scroll-view>


<view class="search {{top>=20? 'fixed' :'' }}" bindtap="newpage">
<image class='img' src='../../assets/icons/icon.png'></image>
<input class='in' placeholder='请输入商家或商品名称' disabled='true'></input>
</view>


轮播
<swiper indicator-dots="true">
  <swiper-item class="a" >
    <view class='a1' bindtap="mspage"> 美食</view>
</swiper-item>
    <swiper-item class='a' >
<view class='a1'>美食</view>
    </swiper-item>
</swiper> 



//wxss
.fixed{
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
}