微信小程序开发-新闻简讯demo

闲来无聊体验了一把微信小程序开发,从开发的角度来说,还是蛮好的事,减少开发成本,不需要复杂的环境配置,api使用简单,开发出来的产品体验也还不错,确实很多不常用的app可以使用小程序来开发。不过现在还很多限制,API不够完善,我只是尝试使用几个常见的控件就遇到很多不支持,后期完善API后,是个不错的方向。

当然这个demo第一次尝试,只是学习使用,很多问题一起谈论,写的不好轻喷
效果图:
列表页

详情页

1.环境配置

官方下载开发工具包,安装完成就可以进入开发了。

2.项目结构

开发之前搞清楚项目结构
创建项目看见3个部分文件夹
App:属于全局配置,整个项目都可以使用到其定义的数据
utils: 主要包含一些工具方法
pages:页面,我们开发的东西都放在pages下

关于这3个东西详细介绍还是去看官网

3.创建页面

就拿index介绍
index.js、index.json、index.wxss,index.wxml这三个。其中,.js后缀的是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文,.wxml后缀的界面布局数据显示。

4.代码实现

通过一个简单的实例,实现新闻列表,及其新闻详情展示

要实现这个功能需要熟悉view,image,text,swiper,navigator这几个组件

view:视图容器,用来包裹其他控件,呈现在页面上

view class="xxx">
  <text>title</text>
  <view class="content">
       ......  
  </view>
</view>

text文本显示

组件内只支持 嵌套,除了文本节点以外的其他节点都无法长按选中。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值