基于Html5 Plus + Vue + Mui 移动App开发(三)-文件操作(读取、保存、更新数据)
随着手机的发展,现在越来越多的人选择在手机上看书。无论是专业书籍、文学、英语还是网络小说,在手机上看新闻成了人们处理零碎时间的办法。在智能手机里安装一个资讯APP,可以随时、随地查看自己想看的资讯。实全资讯-支持搜索站点定义,目前支持凤凰资讯、参考信息、腾讯资讯及百度资讯;支持搜索关键字定义,App默认:财经、科技、体育、教育、文化、美食等关键;支持资讯收藏保存功能,便于下次继续阅读。更多内容,欢迎下载体验!
实全资讯采用基于Html5 Plus + Vue + Mui 移动App。主要实现功能包括:
- 实现搜索站点设置
- 实现搜索关键字定义
- 实现搜索资讯保存、删除功能。
- 主界面实现关键字搜索、预定义关键字搜索,下拉刷新,支持搜索结果保存、分享.
- 我的界面主要是展示自己保存的搜索资讯,支持删除、分享。
- 设置界面主要实现搜索站点、初始搜索关键字定义。
- 搜索站点目前支持:凤凰资讯、参考信息、腾讯资讯、百度资讯:
- 读取数据
/*读取内容*/
shiquan.readNews = function(callback){
callback = callback || mui.noop; plus.io.requestFileSystem( plus.io.PRIVATE_DOC, function( fs ) {
// fs.root是根目录操作对象DirectoryEntry
//console.log("url="+fs.toURL());
fs.root.getFile('shiquan.json',{create:true}, function(fileEntry){
fileEntry.file( function(file){
console.log(file.size + '--' + file.name);
var fileReader = new plus.io.FileReader();
console.log("getFile:" + JSON.stringify(file));
fileReader.readAsText(file, 'utf-8');
fileReader.onloadend = function(evt) {
console.log("11" + evt);
console.log("evt.target" + evt.target);
console.log(evt.target.result); let news = [];
var result = evt.target.result;
if(result != "")
news = JSON.parse(result);
callback({state:1,message:"读取成功!",data:news});
}
});
});
}, function ( e ) {
callback({state:-1,message:e.message});
} );
};- 保存、更新数据
/*保存内容*/
shiquan.saveNews = function(news,callback){
callback = callback || mui.noop;
plus.io.requestFileSystem( plus.io.PRIVATE_DOC, function( fs ) {
// fs.root是根目录操作对象DirectoryEntry
//console.log("url="+fs.toURL());
fs.root.getFile('shiquan.json',{create:true}, function(fileEntry){
fileEntry.createWriter( function ( writer ) {
writer.onwrite = function ( e ) {
console.log( "Write data success!" );
};
let data = JSON.stringify(news);
console.log(data); writer.seek(0);
writer.write(data);
callback({state:1,message:"保存数据成功!"});
}, function ( e ) {
callback({state:-1,message:e.message});
} );
});
}, function ( e ) {
callback({state:-1,message:e.message});
} );
};至此分享完毕,欢迎提供宝贵意见!
基于Html5 Plus + Vue + Mui 移动App开发(三)-文件操作(读取、保存、更新数据)的更多相关文章
- 基于Html5 Plus + Vue + Mui 移动App 开发(二)
基于Html5 Plus + Vue + Mui 移动App 开发(二) 界面效果: 本页面采用Html5 Plus + Vue + Mui 开发移动界面,本页面实现: 1.下拉刷新.上拉获取更多功能 ...
- App开发三种模式
APP开发三种模式 现在App开发的模式包含以下三种: Native App 原生开发AppWeb App 网页AppHybrid App 混合原生和Web技术开发的App 详细介绍: http:// ...
- 基于html5 plus + Mui 移动App开发(一)
使用Html5 plus + Mui 进行移动App开发,有一段时间了,这几日得空,做个资讯App分享给大家. 今天主要分享主页实现,首先看下效果: 此界面主要分为:标题.内容分类列表.搜索及设置按钮 ...
- HBuilder mui 手机app开发 Android手机app开发 ios手机app开发 打开新页面 预加载页面 关闭页面
创建子页面 在mobile app开发过程中,经常遇到卡头卡尾的页面,此时若使用局部滚动,在android手机上会出现滚动不流畅的问题: mui的解决思路是:将需要滚动的区域通过单独的webview实 ...
- 【转】蓝牙ble app开发(三) -- 抓包
原文网址:http://blog.csdn.net/lckj686/article/details/43156617 关于android 蓝牙app开发抓包的重要性在 android 蓝牙ble ap ...
- Windows App开发之文件与数据
读取文件和目录名 这一节開始我们将陆续看到Windows App是如何操作文件的. 在Windows上读取文件名称.目录名 首先我们在XAML中定义一个Button和TextBlock,将读取文件/目 ...
- vue - 列表显示(列互相影响,全选控制,更新数据)
要实现的效果为:全选,且列A列B互相影响,列B勾选则列A一定勾选,列A取消勾选,则相应列B取消勾选 数组 vue中列表渲染有些不是相应式的 var list=[ { a:'aaaa', b:'ddd' ...
- day08-Python运维开发基础(文件操作与相关函数、函数基础)
1. 文件操作及相关函数 # ### 文件操作 """ fp = open("文件名称",mode=模式,encoding=编码集) fp 文件io对 ...
- 基于html5 plus + Mui 移动App开发(三)-食全库
食全库-食品安全知识库. 食品安全(food safety)指食品无毒.无害,符合应当有的营养要求,对人体健康不造成任何急性.亚急性或者慢性危害.根据倍诺食品安全定义,食品安全是“食物中有毒.有害物质 ...
随机推荐
- Java GC性能优化实战
GC优化是必要的吗? 或者更准确地说,GC优化对Java基础服务来说是必要的吗?答案是否定的,事实上GC优化对Java基础服务来说在有些场合是可以省去的,但前提是这些正在运行的Java系统,必须包含以 ...
- SpringCloud学习系列之四-----配置中心(Config)使用详解
前言 本篇主要介绍的是SpringCloud中的分布式配置中心(SpringCloud Config)的相关使用教程. SpringCloud Config Config 介绍 Spring Clou ...
- Docker入门(三)使用Docker Compose
Compose介绍 Compose 项目是 Docker 官方的开源项目,负责实现对 Docker 容器集群的快速编排.Compose 是一个用户定义和运行多个容器的 Docker 应用程序.在 ...
- java_stream流
Stream流的个人理解 整体来看,流式思想类似于工厂车间的“生产流水线”,通过一些列操作来获取我们需要的产品 在Java 8中,得益于Lambda所带来的函数式编程,引入了一个全新的Stream概念 ...
- Storm入门(十)Twitter Storm: Transactional Topolgoy简介
作者: xumingming | 可以转载, 但必须以超链接形式标明文章原始出处和作者信息及版权声明网址: http://xumingming.sinaapp.com/736/twitter-stor ...
- 迷茫<第四篇:这两年>
时间匆匆而过,不知不觉已经是到北京的第二个年头,又到年末,2017年接近了尾声,提前预祝各位看官元旦节快乐! 今年3月份跳槽了一次,4月份以高级开发工程师职位进来现在的公司一直工作到现在,没有以前那么 ...
- Cocos Creator 资源加载流程剖析【二】——Download部分
Download流程的处理由Downloader这个pipe负责(downloader.js),Downloader提供了各种资源的"下载"方式--即如何获取文件内容,有从网络获取 ...
- django框架使用mysql步骤
在创建好django项目的基础上来讲解使用orm框架 注意:首先在mysql中手动或者通过命令创建一个数据库,我先创建一个名为orm的数据库. 1:在项目文件夹中的settings.py文件中配置my ...
- 关于pip安装时提示"pkg_resources.DistributionNotFound"错误
使用pip install --upgrade pip升级pip中途失败,再次安装pip,完成后出现如下错误: 尝试重新安装pip也不行,同样会出现上述问题. 此时我们查看/usr/bin/pip文件 ...
- nginx 报错502Bad Gateway
场景: 目前在ECS中起了多个node服务,使用forever进程守护,最近,打开线上页面发现报错502 Bad Gateway;同时部分静态资源访问不到.(之前可以的): 解决: 首先查看nginx ...