作者：焦旭涛
项目：学院助手APP
完成时间：2018-7-20~2018-12-15

实现功能

学院助手主要功能如下：

首页技术文章分享
学院当地天气信息查询
快捷翻译功能
问题全局搜索
查看学院公告

首页技术分享
进入软件的首页就是一个技术文章的信息流，同学们可以在这里查看各种类型技术文章以及学院发布的公告和置顶的通知。

首页的功能包括下拉刷新与上拉加载，点击相应的列表就可以跳转对应的文章网页。

学院当地天气信息查询
在首页、其它、工具界面的右上角都会显示当前实时的天气信息，点击即可跳转查看更详细的天气信息。

这里的天气信息的查询使用的是百度的接口，然后通过处理返回的数据再进行各项内容的绑定。

$.ajax({url:"http://api.map.baidu.com/telematics/v3/weather?location=南沙&output=json", dataType:"jsonp",jsonpCallback:"admin_cross",success:function(data){var data=data.results[0];var ssqw=data.weather_data[0].date;var tq=ssqw.match(/实时：(\S*)℃/)[1]+"℃";$("#city").text("南沙");//城市$("#sswd").text(tq);//当前气温}
});

快捷翻译功能
在工具页面的中间就是一个简单翻译功能，可以快速的实现中文翻译英语与英语翻译中文。

这个翻译的功能是通过调用百度翻译提供接口来实现的。

 //翻译function fanyiss(){var fy=$("#textarea").val();var to = 'zh';//翻译后语言var p = /[a-z]/i;//这里通过正则判断输入的是中文还是英文var b = p.test(fy);if(b==false){to='en';}var appid = '';//appid 与key 需要自己去百度申请var key = '';var salt = (new Date).getTime();var query = fy;//翻译内容var from = 'auto';//翻以前语言var str1 = appid + query + salt +key;//拼接参数var sign = $.md5(str1);//签名$.ajax({//请求数据url: 'http://api.fanyi.baidu.com/api/trans/vip/translate',type: 'get',dataType: 'jsonp',data: {q: query,appid: appid,salt: salt,from: from,to: to,sign: sign},success: function (data) {$("#fyjg").val(data.trans_result[0].dst);//翻译成功进行赋值} });}

问题全局搜索
点击底部导航的搜索即可进入全局搜索的界面，用户只需要输入自己想问的问题就可以快速的在五大平台（百度、CSDN、百度知道、博客、文库）内进行详细的搜索。
在最底部最右滑动可在五大平台中进行切换。

这个功能的实现其实很简单，在请求这些网站查找东西时其实都只是一个参数的问题，只要找到这个请求参数进行修改然后直接请求就可以了。

参数shuru就是用户输入的搜索内容
mui.openWindow({//百度url:"https://www.baidu.com/s?wd="+shuru+"&ie=utf-8",id:"baidu",
}).appendJsFile("../js/qjss.js");
mui.preload({ //CDNSurl:"https://so.csdn.net/so/search/s.do?q="+shuru,id:"cdns",
}).appendJsFile("../js/qjss.js");
mui.preload({//知道url:"https://zhidao.baidu.com/search?lm=0&rn=10&pn=0&fr=search&ie=gbk&word="+shuru,id:"zhidao",
}).appendJsFile("../js/qjss.js");
mui.preload({//博客 url:"https://zzk.cnblogs.com/s?t=b&w="+shuru,id:"boke",
}).appendJsFile("../js/qjss.js");
mui.preload({ //文库  url:"https://wk.baidu.com/search?word="+shuru,id:"wenku",
}).appendJsFile("../js/qjss.js");

查看学院公告
点击其它页面点击学院公告即可查看学院的公告信息，点击公告可以跳转至公告详情页面

这个学院公告的发布与查询都是通过数据存储平台的接口服务来实现的

mui.plusReady(function(){var ku={ //请求的参数   s:'',model_name:'zhusj ', perpage:"500",//请求条数where:'[["leixin","=","公 告"]]',//筛选条件callback: "yesok"  //成功函数}$.ajax({  url:"",//请求路径dataType:"jsonp", data:guanxin1(ku),//参数处理 cache: true,  jsonpCallback:"yesok", });
});function yesok(data){var data=data.data.list;$.each(data,function(i){//遍历请求到的数据，追加内容列表$("#tajidja").prepend('<li class="mui-table-view-cell mui-media" url='+data[i].lianjie+'>'+'<img class="mui-media-object mui-pull-left" src="../fonts/gx-logo.png">'+'<div class="mui-media-body">'+data[i].bt+' <p class="mui-ellipsis">'+data[i].add_time+'</p>'+'</div>'+' </li>'); });
}

总结
开始其实是想着做个内容分享的APP进行发布的，可是做了几个突然想到我并没有服务器去支撑这个软件的运作，于是又改变方向决定给学校做一个APP。
在制作这个学院助手APP时其实一开始只是抱着试一下的心态，毕竟H5+mui的内容都是自学的也不知道能不能做好，不过也正因如此我更需要一个锻炼的机会。在实际研发的过程中碰到非常多的问题，许多功能点找不到合适的方案去实现，也有很多问题在不断探讨研究的过程中得到了解决。比如首页的刷新加载的功能，这个功能刚开始做就一堆问题：数据一直重复刷新、加载事件过早触发、数据无法缓存……，这些问题通过不断的在网上搜索答案以及不断的思考最后都得到了完美的解决。
通过这次学院助手的研发制作，让我学到了很多的知识克服了许多的难点，让自己各方面的能力都得到了进一步的提升。

WebApp学院助手研发总结相关推荐

亚马逊将为语音助手研发AI芯片欲追赶苹果
据外媒2月12日报道,亚马逊公司近日宣布将为该公司的语音助手Alexa专门研发人工智能芯片.分析人士称,亚马逊此举是为了在人工智能领域追赶苹果与谷歌公司,同时此举有可能对其他芯片制造公司的业务造成影响 ...
阳光学院智能学院计算机类,阳光学院自主研发“智慧教室”力促教学改革
这是一间"不一样"的教室.互动大屏取代传统黑板,桌椅不再固定,带转轮的轻便桌椅可自由拼转,隔音墙.收音话筒.高清摄像头--统统安排上."这是一间用于直播录播的智慧教室.& ...
为揭秘CSDN谁有100万粉丝？我连夜研发了粉丝数排行榜插件，通过 dalao 一键即可唤醒
橡皮擦,做好技术接待工作本博客起源于 5A 技术俱乐部的一次闲聊,大家在讨论 CSDN 粉丝最多的作者是谁? 恰巧这题有解,接下来,橡皮擦将通过实现 CSDN 插件扩展的方式,为你揭秘 CSDN 哪 ...
行业洞察 | 你的车载语音助手足够Smart吗？
截止2021年,中国乘用车智能语音交互功能的搭载率已经高达86%.目前,汽车座舱正朝着智能化趋势发展,而车载语音助手是智能驾驶舱中最核心的功能.在驾驶过程中,由于驾驶员的手和眼睛都被任务所占据,因此车 ...
安工大计算机学院老师,安徽工业大学计算机科学与技术学院导师教师师资介绍简介-张学锋...
安徽工业大学计算机科学与技术学院导师教师师资介绍简介-张学锋本站小编 Free考研考试/2021-04-24 姓名: 张学锋职称: 教授 E-Mail:zxf_06@ahut.edu.cn 主要研究 ...
兄弟连“工业机器人学院”成立，助力“中国制造2025”远景规划！
兄弟连"工业机器人学院"成立,助力"中国制造2025"远景规划! 随着人们对自动化.智能化的期望越来越高,智能化中的佼佼者--机器人逐渐走进了我们的生活,它不再 ...
斯坦福「AI百年研究」首份报告：2030年的人工智能与生活
斯坦福「AI百年研究」首份报告:2030年的人工智能与生活 2014 年秋季,人工智能百年研究(One Hundred Year Study)项目启动,这是一项对人工智能领域及其对人类.社区.社会影响 ...
预告｜第四届工业大数据创新竞赛决赛答辩倒计时
为加速工业大数据应用创新,强化以实践能力为导向的应用型人才培养,中国信息通信研究院和深圳宝安区人民政府携手,联合国内优秀企业共同举办第四届工业大数据创新竞赛.竞赛聚焦细分行业.特定领域痛点问题,以工业 ...
乒乓球训练机_比教练更牛的全新乒乓球机器人，超拟人黑科技，引领未来体育浪潮...
乒乓球虽然被誉为我国"国球",但一直以来在民间的普及度并不高,主要有以下四大痛点: ①上手难度大,绝大多数球友还处于初级阶段,很难体验到乒乓球旋转和高质量对抗带来的快感. ②很难找 ...

WebApp学院助手研发总结

实现功能

学院助手主要功能如下：

WebApp学院助手研发总结相关推荐

最新文章

热门文章