首先，你要知道市面上的小程序源码都是相当于前端的，你需要搭配后台才能使用，我之前也是在网上下载了一套小程序，然后自己搭后台来玩，然后真的就可以弄起来了。小程序之家 这个网站，我之前是下载了一个小程序，然后QQ联系站长，他教了我做一套后台，几天就搞定了。可以去微信小程序开发论坛去下载，网站里面有各行各业上千套小程序的源码资源，直接百度搜索微信小程序开发论坛就可以了小程序源码在天天免费源码网，上面有很多小程序的源码，不知你具体需要找什么类型的小程序源码。
小程序源码可通过填写AppID，项目名称，选择本地开发目录，点击添加项目来使用。小程序，是一种不需要下载安装即可使用的应用，它实现了应用触手可及的梦想，用户扫一扫或搜一下即可打开应用。
获取小程序的源码要打开安卓模拟器，并在模拟器中安装 QQ、微信、RE管理器，然后在模拟器里打开微信，运行你想要获取的小程序，在模拟器运行后，直接切回模拟器桌面运行RE浏览器，来到目录，里面的.wxapkg后缀的文件就是源码。.wxapkg是一个二进制文件，有其自己的一套结构，想要进入到里面的话，用手机自带的文件管理器肯定是不行的，安卓或者iPhone都要要用到第三方的文件管理器，比如：RE文件管理器，并且安卓需要取得root权限，而苹果手机肯定是要越狱的。
小程序就是小程序，不是平台，是一种像APP一样可以用的手机上的软件服务，但是不需要下载，用完就完了，很方便。
但是有专门开发小程序的平台，叫获客无忧。
小程序已然成为我们日常生活必备的工作了，那你知道一款小程序是怎么制作出来的吗？今天我们就来做详细介绍。
一、明确目标比如餐饮店，希望通过小程序实现线上下单。再比如百货电商，像淘宝一样，实现线上下单，并对接线下物流系统等等。
二、竞品分析，梳理功能需求明确了目标，接下来可以找找同行的小程序，看看他们的页面风格和功能，总结出自己想要的风格和功能，如果预算不够，可以砍掉一些不必要的功能，等小程序运营、盈利起来再做二次开发。
三、原型图和界面设计原型图是为了将小程序的功能和逻辑流程大概展示出来，需要甲乙双方配合调整，直到页面操作逻辑没有问题，乙方就可以在原型图的基础上开始设计页面了，这个阶段一般耗时最长。
四、程序功能开发这时候就该程序员小哥上场了，用代码把设计图展现出来，实现已确定的功能目标。
五、测试程序毕竟是由人手工写的，有bug问题是很普遍的事，这个阶段的主要任务就是测试和修改bug，所有页面的按钮都点一点、看一看，有问题就提交给开发人员及时修改。
测试通过的小程序，就可以正式发布上线了。上线并不代表就没事了，小程序的源代码一定记得跟乙方要备份文件，如果以后小程序被攻击、或者需要二次开发（增加新功能），没有源代码是万万不行的，只要是定制的小程序，乙方一般都是可以提供源代码的。
任务页编写及轮播图1、效果图2、代码logs.wxml
<view class="outSty"><swiperindicator-dots="{{indicatorDots}}"autoplay="{{autoplay}}"interval="{{interval}}"duration="{{duration}}"circular="{{true}}"><swiper-item><image src='=1927851136,3396039923&fm=26&fmt=auto' mode='aspectFill' style="width:100%"></image></swiper-item><swiper-item><image src='=3104661075,1924782723&fm=26&fmt=auto' mode='aspectFill' style="width:100%"></image></swiper-item></swiper><!-- 通知 --><van-notice-barclass="opc"color="orange"background="rgba(0,0,0,.9)"left-icon="volume-o"scrollable text="技术是开发它的人的共同灵魂。" /><!-- 商品 --><view class="storeBody"><van-tabs><van-tab title="男频"><van-cardcentered="true"lazy-loadwx:for="{{taskDataList}}"wx:key="index"data-item="{{item}}"bindtap="goDetail"><view slot="title"><text class="textTit">{{item.taskTitle}}</text><van-tag type="primary">{{item.taskTag}}</van-tag></view><view slot="desc"><text class="groupName">{{item.studioName}}</text><view class="proceOut"><text class="ts">日更：{{item.dayWrite}}ㅤ试稿：{{item.trialDraft}}</text><text class="pricesty">千字{{item.price}}</text></view></view></van-card></van-tab><van-tab title="女频">女频</van-tab><van-tab title="招聘">招聘</van-tab><van-tab title="其他">其他</van-tab></van-tabs><view class="fotter">—— 没有更多 ——</view></view> </view>
logs.wxss
.outSty {background-color: #EEE8E8;height: calc(100vh); } .van-card__header.van-card__header--center {height: 150rpx; } .van-card__content.van-card__content.van-card__content--center {min-height: 0 !important; } .van-card {border: 1px solid #f3f1f1;background-color: #f3e4e1; } .groupName {margin-top: 10rpx;font-size: 21rpx;color: #fbb450;border: 1px solid #fbb450;border-radius: 8rpx;padding-left: 9rpx;padding-right: 9rpx;position: relative;top: 7rpx; } .textTit {font-size: 36rpx;font-weight: 600;margin-right: 30rpx; } .proceOut {padding-bottom: 10rpx;position: relative; } .ts {position: relative;color: rgb(145, 144, 144);font-size: 30rpx;top: 16rpx; } .pricesty {color: red;font-size: 40rpx;font-weight: 600;position: absolute;right: 0;top: -23rpx; } .van-ellipsis {font-size: 39rpx; } .van-notice-bar {opacity: 0.8; } .opc {position: relative; } .storeBody {/* margin-top: -93rpx; */ } .fotter {color: #ccc;font-size: 14px;text-align: center;padding: 18rpx 0;background-color: #EEE8E8; }
logs.js
Page({data: {indicatorDots: true,autoplay: true,interval: 4000,duration: 1000,taskDataList:[{taskTitle: '10-11 男频都市续写',taskTag: '长期续写',studioName: 'xxx工作室',dayWrite: '10000',trialDraft: '2000',price: '8+'},{taskTitle: '10-13 男频恐怖悬疑定制',taskTag: '定制',studioName: 'xxx工作室',dayWrite: '10000',trialDraft: '2000',price: '18'},{taskTitle: '10-14 男频开头文定制',taskTag: '定制',studioName: 'xxx工作室',dayWrite: '12000',trialDraft: '2000',price: '25'},{taskTitle: '10-11 男频火影大纲',taskTag: '大纲',studioName: 'xxx工作室',dayWrite: '10000',trialDraft: '2000',price: '40+'},{taskTitle: '10-11 男频都市续写',taskTag: '长期续写',studioName: 'xxx工作室',dayWrite: '10000',trialDraft: '2000',price: '18'},{taskTitle: '10-11 男频都市续写',taskTag: '长期续写',studioName: 'xxx工作室',dayWrite: '10000',trialDraft: '2000',price: '18'},{taskTitle: '10-11 男频都市续写',taskTag: '长期续写',studioName: 'xxx工作室',dayWrite: '10000',trialDraft: '2000',price: '18'},],},onLoad() {},onPullDownRefresh: function () {// 下拉刷新var page = getCurrentPages().pop(); // 得到这个页面对象page.onLoad();// 调用页面的onLoad()方法进行刷新页面wx.stopPullDownRefresh()// 刷新成功后停止下拉刷新},goDetail(){ // 跳转详情页},})
app.json的usingComponents里添加
"van-tag": "@vant/weapp/tag/index"
本节课视频：06任务页编写及轮播图
微信小程序开发制作方法有哪些，微信小程序是什么，很多人对于这个产品了解的还不是很多，以为就是微信里的网站，其实并非是这样，一般网站的功能就是展示和购物，没有太多的功能，而我们通过小程序可以实现很多实用的功能，比如使用共享产品、活动报名、上传数据等，所以现在有更多的企业想要开发属于自己的小程序。
小程序更像是微信里的app一样，但是小程序和app有本质上的区别，那就是小程序不用下载安装，同样使用一个共享产品，可能app需要5-10分钟的时间，而这个时候使用小程序则只需要1-2分钟就可以，小程序和app相比较还有更大的优势，那就是不占用手机空间，所以现在有更多的用户选择使用小程序。
那么小程序的制作方法是什么呢？很多人以为做小程序就和用极速建站一样，拖动几个模块就能做成小程序，其实并非是这样，不论是开发网站、app还是微信小程序，都是需要后端开发、前端开发以及接口调试的，只不过大多数企业对于网站的需求都一样，有一些第三方的公司做成了极速建站的平台，方便用户去制作网站。
目前小程序开发制作的模式有2种，一种是模板saas小程序，还有一种是定制开发小程序，也就是源码开发的小程序，所以在这个基础上，如果用户的需求比较简单，刚好也有模板类的小程序，那么就可以选择这类产品，一个是价格低，还有一个是上线速度快。
如果市场上的小程序没有客户想要的模板，那么这个时候要做小程序就只能定制开发了，定制开发小程序的模式和模板小程序是完全不一样的，如果用户要使用模板小程序，只需要注册平台账号，付费以及后期的审核代码就可以，等审核通过就可以通过后台来管理自己的小程序了，正是因为使用简单，所以模板小程序有一定的市场占有率。
而定制开发的小程序则是根据客户的需求和想法进行开发的，所以第一步的工作就是充分和客户交流想法，然后进行功能列表的制定，因为定制开发小程序是从0开始，所以前期的沟通是非常重要的事情，这也是定制开发小程序更容易受到企业和用户喜欢的愿意。
