早就听闻欧神团队特别擅长推广营销，尤其是当员外第一次看到力场LAB这个任务的时候，更加肃然起敬。在币圈，开发者实在是多的数不过来，欧神、胖哥、金马等等皆是程序员出生，可能也只有程序员才更能看得懂其中的机会与财富吧！当然还有很多默默无闻的程序员可能没有赶上最好的时机或者运气不佳，没有在17年赚到钱，然后一直沉沦，也一直在努力寻找发光发亮的机会，拼命的抓寻着身边的每一根稻草，可牛市没来，机会实在是太少了。

所以员外觉得这个LAB活动实在是妙啊，简直是对程序员的一大福音，不仅可以让程序员尽情的展现自己，还有不菲的奖励。倘若到下个牛市，这丰厚的奖励足以够一套首付的呀！

微信小程序

为什么员外选择做微信小程序呢？员外也参考了各位前人的作品，要么是需要下载安装包，要么是网页版。对于安装包的话，员外觉得场东们大概是不会选择使用的，实在是太不方便了，有哪个时间，直接去力场app了，何必费这劲。然后然后网页的话，就好多了。不过相比小程序而言，总是没有那么流畅和利于传播。

此次LAB活动力场开放的api确实是不多，想要玩出花样来，也着实困难，所以员外在多方走访之后，总结了各位场东的所有需求，然后把大家最希望的，同时也是可以实现的一些需求统统实现了出来，做成了 一个小程序。

首页介绍

总共分两大板块，一个精选文章，一个热门文章，然后热门文章中再分为力场、EOS和本体三个板块。

image.png

在文章列表 ，可以直接通过点击头像进入个人页面，可以直接点击文章进入文章详情，方便场东随意查看。

image.png
image.png

核心源码：

<!-- 力场热门 -->
      <van-tab title="力场">
          <view class='article-box'
            wx:for="{{hot_article_list}}"
            wx:key="*this"
          >
          <navigator url='/pages/homepage/homepage?userid={{item.userid}}'>
            <image class='avatar' src="{{item.avatar}}"></image>
            <view class='author-name'>{{item.nickname}}</view>
            <view class='lc-number'>{{item.lcNumber}} LC</view>
            <view class='circle-name'>{{item.circleName}}</view>
          </navigator>
            
          <navigator url='/pages/article/article?article_id={{item.id}}'>
            <view class='title'>{{item.title}}</view>
            <image class='banner' src="{{item.banner}}"></image>
            <view class='discription'>{{item.description}}</view>
          </navigator>
          </view>
      </van-tab>

      <!-- EOS热门 -->
      <van-tab title="EOS">
          <view class='article-box'
            wx:for="{{hot_article_list}}"
            wx:key="*this"
          >
            <navigator url='/pages/homepage/homepage?userid={{item.userid}}'>
              <image class='avatar' src="{{item.avatar}}"></image>
              <view class='author-name'>{{item.nickname}}</view>
              <view class='lc-number'>{{item.lcNumber}} LC</view>
            </navigator>

            <view class='circle-name'>{{item.circleName}}</view>
            <navigator url='/pages/article/article?article_id={{item.id}}'>
              <view class='title'>{{item.title}}</view>
              <image class='banner' src="{{item.banner}}"></image>
              <view class='discription'>{{item.description}}</view>
            </navigator>
          </view>
      </van-tab>

      <!-- 本体热门 -->
      <van-tab title="本体">
          <view class='article-box'
            wx:for="{{hot_article_list}}"
            wx:key="*this"
          >
            <navigator url='/pages/homepage/homepage?userid={{item.userid}}'>
              <image class='avatar' src="{{item.avatar}}"></image>
              <view class='author-name'>{{item.nickname}}</view>
              <view class='lc-number'>{{item.lcNumber}} LC</view>
            </navigator>

            <view class='circle-name'>{{item.circleName}}</view>
            <navigator url='/pages/article/article?article_id={{item.id}}'>
              <view class='title'>{{item.title}}</view>
              <image class='banner' src="{{item.banner}}"></image>
              <view class='discription'>{{item.description}}</view>
            </navigator>
          </view>
      </van-tab>

  /**
   * 根据圈子id查询热门文章
   */
  get_hot_article(id){
    wx.showLoading({
      title: '数据加载中...',
    })
    this.setData({
      hot_article_list:[]
    })
    http('get', url.hotarticle,{
      circleid:id
    }).then((res)=>{
      console.log(res)
      if (res.statusCode == 200){
        let hot_article_list = res.data.data.list;
        hot_article_list.forEach((value, index, element) => {
          element[index].lcNumber = Math.round(element[index].lcNumber);
        })
        wx.hideLoading()
        this.setData({
          hot_article_list: hot_article_list
        })
      }
    }).catch((err)=>{
      console.log(err)
    })
  },

  /**
   * 查询圈子列表
   */
  get_circle_list() {
    wx.showLoading({
      title: '数据加载中...',
    })
    http('get', url.circle_list).then((res)=>{
      console.log(res)
      wx.hideLoading()
      let circle_list = res.data.data.list;
      circle_list.forEach((value,index,element)=>{
        switch (element[index].name){
          case "力场原住民":
            this.setData({
              lichang_id:element[index].id
            })
            break;
          case "EOS":
            this.setData({
              EOS_id: element[index].id
            })
            break;
          case "本体Ontology":
            this.setData({
              ONT_id: element[index].id
            })
            break;
        }
      })
      console.log(this.data.lichang_id,this.data.EOS_id,this.data.ONT_id)
    }).catch((err)=>{
      console.log(err)
    })
  },

  /**
   * 获取精选文章列表
   */
  get_choice_list() {
    wx.showLoading({
      title: '数据加载中...',
    })
    http('get', url.choice, {
    }).then((res) => {
      console.log(res)
      if (res.statusCode == 200) {
        let article_list = res.data.data.list;
        article_list.forEach((value, index, element) => {
          element[index].lcNumber = Math.round(element[index].lcNumber);
        })
        wx.hideLoading()
        this.setData({
          article_list: article_list
        })
      }
    }).catch((err) => {
      console.log(err)
    })
  },

力场数据

第二个页面是力场数据，员外的打算是每周把力场的统计数据展示在这个页面，然后生成一个折线图，场东们就能一眼观察到力场每周的注册人数、实名人数、锁仓数量、锁仓人数、文章数、评论数、点赞数等数据走势了，同时也更方便与力场的推广。
因为有数据说话，更有说服力。

image.png

服务页

对于场东的老司机来说，直接看首页和数据统计页就好了，但是每天都有大量的新人加入力场，所以对于这部分新场东来说，他们一定需要一个服务帮助的功能来指引他们在力场发展。当他们发现跨过这个门槛很容易的时候，他们就会选择留在力场，然后再去邀请新人入场。这对于力场长期来说，是一个复利效应，不仅是为力场节省了人力咨询的成本，更是推着力场，使力场变得更大更强。

image.png