面试之家只是为了学习和交流使用Weex，题库等内容不可用于商业项目
一开始面试之家题库是在服务端，后来由于后端开发效率和界面加载时间太长等原因，所以我决定将题库移植到客户端，未来打算做成动态插入本地数据库的方式，实现数据库题目的更新。事实证明数据库移植到本地，能大大提高加载效率，比如Java科目列表有四百多道题，从读取到页面渲染完成只用了0.3秒
数据库整理
注意在将数据库打包到工程中时，读没问题，但是写偶尔会失败，所以正确的做法是在程序启动时将数据库移到沙盒中
- (void)moveDB{
NSString * docPath = [[NSBundle mainBundle] pathForResource:@"WX" ofType:@"db"];
NSString * appDir = [NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) lastObject];
NSFileManager *fileManager = [NSFileManager defaultManager];
NSString *filePath = [appDir stringByAppendingPathComponent:@"WX.db"];
if(![fileManager fileExistsAtPath:filePath]) {
BOOL filesPresent = [self copyMissingFile:docPath toPath:appDir];
if (filesPresent) {
NSLog(@"Copy Success");
}
else
{
NSLog(@"Copy Fail");
}
}
else
{
NSLog(@"文件已存在");
}
}
- (BOOL)copyMissingFile:(NSString *)sourcePath toPath:(NSString *)toPath
{
BOOL retVal = YES; // If the file already exists, we'll return success…
NSString * finalLocation = [toPath stringByAppendingPathComponent:[sourcePath lastPathComponent]];
if (![[NSFileManager defaultManager] fileExistsAtPath:finalLocation]){
retVal = [[NSFileManager defaultManager] copyItemAtPath:sourcePath toPath:finalLocation error:NULL];
}
return retVal;
}
在InterviewHome项目的原生模块中，我单独准备了一个StorageViewController来负责整理数据库，这个类里有以下两个功能
-
创建数据库
- (void)createAllSubjectTable { NSString *table = @"CREATE TABLE IF NOT EXISTS Subjects_Table (s_id integer PRIMARY KEY AUTOINCREMENT NOT NULL,_id varchar(128),content varchar(128),groupId varchar(128), totalNum integer, unlockTotal integer)"; if ([_db open]) { BOOL sucess = [_db executeStatements:table]; if (sucess) { NSLog(@"sucess %@",DB_SANDBOX_TABLE); } else { NSLog(@"faile %@",DB_SANDBOX_TABLE); } [_db close]; } - (void)createAllClassTable { NSString *table = @"CREATE TABLE IF NOT EXISTS Class_Table (c_id integer PRIMARY KEY AUTOINCREMENT NOT NULL,s_id integer(20) NOT NULL,pageID varchar(128),showContent varchar(128),integral integer(20),title varchar(128), questcount integer(128))"; if ([_db open]) { BOOL sucess = [_db executeStatements:table]; if (sucess) { NSLog(@"sucess %@",DB_SANDBOX_TABLE); } else { NSLog(@"faile %@",DB_SANDBOX_TABLE); } [_db close]; } } - (void)createQuestionsTable { NSString *table = @"CREATE TABLE IF NOT EXISTS Questions_Table (q_id integer PRIMARY KEY AUTOINCREMENT NOT NULL,_id varchar(128),questionTitle varchar(128),classId varchar(128),isCollection integer,answer varchar(128),author varchar(128),createTime varchar(128), number integer)"; if ([_db open]) { BOOL sucess = [_db executeStatements:table]; if (sucess) { NSLog(@"sucess %@",DB_SANDBOX_TABLE); } else { NSLog(@"faile %@",DB_SANDBOX_TABLE); } [_db close]; }
这里分别创建了三张表，Subjects_Table科目表、 Class_Table每个科目下有多少套题 、Questions_Table 题库表 三张表的关系是
Subjects_Table>Class_Table>Questions_Table
-
插入数据库
这里有一个比较难处理的地方，因为接口一次性把所有的题目给返回了，并且是无序的，怎么把每道题根据题目所属的科目排列起来呢，这里我引入了一个字典类型的额外空间
- (void)insertAllQuestions:(NSArray *)questions { if (!questions.count) { return; } if ([_db open]) { NSInteger num = 1; NSMutableDictionary *recodDic = [NSMutableDictionary dictionary]; for (NSInteger i = 0; i < questions.count; i ++) { @autoreleasepool { [_db beginTransaction]; BOOL isRollBack = NO; @try { NSDictionary *obj = questions[i]; NSString *_id = obj[@"_id"]; NSString *questionTitle = obj[@"questionTitle"]; NSString *classId = obj[@"classId"]; NSInteger isCollection = [obj[@"isCollection"] integerValue]; NSString *answer = obj[@"answer"]; NSString *author = obj[@"author"]; NSString *createTime = obj[@"createTime"]; if (recodDic[classId]) { num = [recodDic[classId] integerValue]; num++; } else { num = 1; } [recodDic setObject:@(num) forKey:classId]; [_db executeUpdate:@"insert into Questions_Table(_id, questionTitle, classId, isCollection, answer, author, createTime, number) values (?, ?, ?, ?, ?, ?, ?, ?)", _id, questionTitle, classId, @(isCollection), answer, author, createTime, @(num)]; } @catch (NSException *exception) { isRollBack = true; [self->_db rollback]; } @finally { if (!isRollBack) { [self->_db commit]; } } } } } }
因为数据类型中只给了 classID，并没有给 classID下的题目编号，所以在做题目详情的时候，没法读取上一题下一题，所以要在本地给每个classID下的题目创建一个序号 这里就用recodDic记录classID下的序号，如果没有classID，则新加入一个同时num为1，如果有classID就取出num+1,并重新存入字典，这样就整理出了每个classID下有多少道题，同时为每道题加入一个编号
这里题量很大，加入事物，能保证插入的效率
Weex和FMDB交互
Weex和FMDB交互的方式就是通过自定义Module
- 第一步 本地写好增删改查的语句
- (void)insertSubjects:(NSArray *)subjects;
- (void)insertAllQuestions:(NSArray *)questions;
- (NSArray *)seletAllSubjects;
- (NSArray *)selectQuestionsWithClassID:(NSString *)classID;
- (NSDictionary *)selectQuestionDetail:(NSString *)questionID classID:(NSString *)classID;
- (NSInteger)updateCollection:(NSString *)questionID classID:(NSString *)classID status:(NSInteger)status;
- (NSArray *)selectAllCollertion;
-
第二步 自定义Module类
自定义
Module类，需要继承WXModuleProtocol协议,使用WX_EXPORT_METHOD将方法暴露给JavaScript调用， 使用@synthesize weexInstance可对Weex页面做一个弱引用,拿到这个页面上的信息
WX_EXPORT_METHOD(@selector(selectAllSubjects:))
WX_EXPORT_METHOD(@selector(selectQuestionsWithClassID:callBack:))
WX_EXPORT_METHOD(@selector(selectQuestionDetailWithClassID:index:callBack:))
WX_EXPORT_METHOD(@selector(updateCollectionStatus:classID:status:callBack:))
WX_EXPORT_METHOD(@selector(selectAllCollertionWithcallBack:))
- (void)selectAllSubjects:(WXKeepAliveCallback)callbak {
NSArray *array = [[WXDBManger database]seletAllSubjects];
if (callbak) {
callbak(array, false);
}
}
- (void)selectQuestionsWithClassID:(NSString *)classID callBack:(WXKeepAliveCallback)callback {
NSArray *array = [[WXDBManger database] selectQuestionsWithClassID:classID];
if (callback) {
callback(array, false);
}
}
- (void)selectQuestionDetailWithClassID:(NSString *)classID index:(NSString *)number callBack:(WXKeepAliveCallback)callback {
if (callback) {
callback([[WXDBManger database]selectQuestionDetail:number classID:classID], false);
}
}
- (void)updateCollectionStatus:(NSString *)questionID classID:(NSString *)classID status:(NSInteger)status callBack:(WXKeepAliveCallback)callback {
if (callback) {
callback([NSString stringWithFormat:@"%zi",[[WXDBManger database]updateCollection:questionID classID:classID status:status]], false);
}
}
- (void)selectAllCollertionWithcallBack:(WXKeepAliveCallback)callback {
if (callback) {
callback([[WXDBManger database]selectAllCollertion], false);
}
}
-
第三步 将自定义Module注册到 WeexSDK
[WXSDKEngine registerModule:@"GL_DatabaseModule" withClass:NSClassFromString(@"WXDatabaseModule")]; 第四部 JS调用
首先定义Module变量
var db = weex.requireModule('GL_DatabaseModule');
然后就可以调用本地抛出的函数了, JS调用OC函数，只需写第一个参数前的方法名，多参数的话直接传参数就行，回调值用一个匿名函数来接受
db.selectQuestionsWithClassID(this.pageID,function(data){
self.dataArray = data;
})
这样一个完整的Module注册流程就完成了
END
面试之家是一款用Weex写的多页面应用，目前还在与苹果审核斗争中，对Weex感兴趣的小伙们可以去关注一下，谢谢！
