一步一步教你制作手机APP-文章评论

  • 选集
  • 开通VIP

一步一步教你制作手机APP(零基础)

最新更新 20161211 打赏本套课程

1 课程介绍+项目参考文件下载
2 下载和安装Apicloud
3 了解apicloud功能和使用方法
4 apicloud必须掌握的代码
5 DZ端PHP接口代码必备
6 apicloud模块调用
7 APP制作实例之创建项目/端设置
8 APP主体框架设计/头尾部制作
9 欢迎引导页面制作
10 DISCUZ站点搭建及测试数据导入
11 注册页面制作(1)
12 注册页面制作(2)
13 登录页面制作
14 Apicloud最全实例APP搭建
15 APP首页|图片幻灯/图片轮播
16 APP首页|推荐文章列表
17 APP首页|推荐帖子列表
18 APP首页|推荐用户列表
19 门户|文章分类列表
20 门户|文章列表页分类关联
21 门户|文章内容页
22 门户|文章内容图片不显示问题修复
23 文章评论正在学
24 论坛|板块列表
25 论坛|帖子列表
26 论坛|帖子内容
27 论坛|回帖
28 论坛|发帖
29 群组分类
30 群组列表
31 群组主页
32 群组|帖子列表|讨论区
33 群组|帖子内容页
34 群组|成员列表
35 创建群组
36 加入群组
37 群组发帖
38 家园主页
39 家园主页动态
40 家园|日志列表
41 家园|日志内容
42 家园|日志评论
43 家园|相册列表
44 家园|相册内容
45 家园|APP照片浏览
46 家园|APP上传图片
47 家园|分享列表
48 家园|记录列表
49 个人中心|框架搭建
50 个人中心|修改用户资料
51 个人中心|修改个人头像
52 个人中心|我的积分
53 个人中心|修改密码
54 个人中心|退出登录
55 项目打包及云编译
56 项目版本更新
57 提交APP到应用市场
58 闪屏广告
59 消息推送|通知推送
60 积分充值|支付对接
非VIP用户只可以免费试看5分钟,如需学习完整课程,请加入VIP!

一步一步教你制作手机APP-文章评论

本课程详细的讲解了文章发表评论以及评论列表制作的全过程。
本课程中调用了APICLOUD里面的UIChatbox模块,其中课程中涉及到的代码如下:
  1. var sourcePath = "widget://image/emotion";//表情存放目录
  2.         var emotionData;//存储表情

  3.         getImgsPaths(sourcePath, function (emotion) {
  4.                 emotionData = emotion;
  5.         })
  6. var sendMsg = transText(ret.msg);
  7. function transText(text, imgWidth, imgHeight){
  8.                 var imgWidth = imgWidth || 30;
  9.                 var imgHeight = imgHeight || 30;
  10.                 var regx = /\[(.*?)\]/gm;
  11.                 var textTransed = text.replace(regx,function(match){
  12.                                 var imgSrc = emotionData[match];
  13.                                 if(!imgSrc){
  14.                                                 //说明不对应任何表情,直接返回
  15.                                                 return match;
  16.                                 }
  17.                                 var img = "<img src="+imgSrc+" width="+imgWidth+" height="+imgHeight+">";
  18.                                 return img;
  19.                 });
  20.                 return textTransed;
  21. }
  22. function getImgsPaths(sourcePathOfChatBox, callback){
  23.         var jsonPath = sourcePathOfChatBox + "/emotion.json";//表情的JSON数组
  24.         api.readFile({
  25.                 path: jsonPath
  26.         },function(ret,err){
  27.                 if(ret.status){
  28.                         var emotionArray = JSON.parse(ret.data);
  29.                         var emotion = {};
  30.                         for(var idx in emotionArray){
  31.                                 var emotionItem = emotionArray[idx];
  32.                                 var emotionText = emotionItem["text"];
  33.                                 var emotionUrl = "../image/emotion/"+emotionItem["name"]+".png";
  34.                                 emotion[emotionText] = emotionUrl;
  35.                         }
  36.                         /*把emotion对象 回调出去*/
  37.                         if("function" === typeof(callback)){
  38.                                 callback(emotion);
  39.                         }
  40.                 }
  41.         });
  42. }
复制代码
PS:以上代码请务必结合视频课程的讲解使用。
主讲:班班学院院长
欢迎学习我的课程!
朱飞天,班班学院院长、主讲老师,精通DISCUZ、Photoshop以及app开发等。南昌大学英语专业出身,自学网站编程和开发,有过很多大型项目的开发经验,深谙将知识转化为教程的最佳途径,能系统的教会更多零基础学员。跟着院长学技术,什么都不会也不怕,只要认真学,一定能学会!

35638 位共同战斗的同学