《移动互联网开发技术》大作业报告

XXX大学

《移动互联网开发技术》大作业报告题目：电子书APP-《书屋》

学生姓名：学号：

学院：专业班级：

完成日期：2020年10 月20 日

成绩（百分制）：

授课教师：

目录

目录 (2)

1功能描述 (1)

1.1总体界面 (1)

1.2书架模块 (2)

1.2.1显示目录 (3)

1.2.2设置主题 (3)

1.2.3设置翻页效果 (4)

1.2.4设置字体样式 (4)

1.2.5调节字体大小 (5)

1.2.6设置字体颜色 (6)

1.2.7添加书签 (6)

1.2.8显示书签列表 (7)

1.2.9清空书签列表 (7)

1.3用户模块 (8)

1.3.1用户注册 (8)

1.3.2用户登录 (9)

2程序结构 (10)

2.1整个工程包含的所有JA V A文件 (10)

2.2整个工程包含的所有布局文件 (11)

3详细设计 (12)

3.1主模块设计 (12)

3.1.1主模块流程图 (12)

3.1.2主模块关键代码 (12)

3.2书架模块设计 (13)

3.2.1书架模块流程图 (13)

3.2.2书架模块关键代码 (13)

3.3用户模块设计 (17)

3.1.1用户模块流程图 (17)

3.1.2用户模块关键代码 (18)

3.4数据库设计 (20)

4运行效果 (22)

5总结 (30)

1功能描述

这款电子书APP主要有三个大模块，我的、书城、书架。分别的功能是用户中心，网上书城，我的书架。

APP截图：

图1.1 电子书APP运行在手机上的效果

1.1总体界面

书城：可阅读网上的电子书

图1.2 APP整体样式

1.2书架模块

点击书架跳转到书架，初始界面有很多本地电子书

图1.3 书架界面

打开任意一本电子书，所具有的功能：主要有目录、设置、字体、书签几个模块

图1.4 电子书界面

1.2.1显示目录

点击目录按钮，显示目录。点击目录可跳转到对应章节

图1.5 电子书的目录显示

1.2.2设置主题

点击设置按钮里面有四种主题样式，点击可更换主题。点击护眼主题查看效果颜色换成了偏绿色，点击夜间主题颜色就会换成黑色，对应主题都会有对应样式。

图1.6 更改阅读主题

1.2.3设置翻页效果

点击设置按钮，显示翻页效果的设置，这里有三种翻页效果的设置分别是，仿真翻页、覆盖翻页、无效果。选择仿真翻页查看效果。仿真翻页的效果就类似真实翻书的翻页的效果。

图1.7 更改翻页效果

1.2.4设置字体样式

点击字体按钮，可以更改显示的字体样式，显示现在使用的是默认字体。我们可以点击其他字体。

图1.8 字体样式

点击切换字体样式使用幼圆字体，查看显示效果和默认字体不一样

图1.9 更改字体样式

1.2.5调节字体大小

点击设置按钮，显示设置字体大小的功能，拖动设置字体的字体条来改变字体的大小，现在是拖到了最大。

图1.10 调节字体大小

1.2.6设置字体颜色

点击字体按钮，看到有设置字体颜色选择蓝色样式，查看效果字体颜色变成了蓝色。

图1.11 更改字体颜色

1.2.7添加书签

点击书签按钮，给当前阅读也添加书签

图1.12 添加书签

1.2.8显示书签列表

长按书签按钮，显示书签列表和每个书签添加的时间，列表里是阅读是添加的书签。

图1.13 查看书签列表

1.2.9清空书签列表

长按书签按钮，点击书签列表的垃圾桶样式按钮即可清空书签列表，查看效果。

图1.14 清空书签列表

1.3用户模块

点击用户按钮，跳转到用户模块。

图1.15 用户模块

1.3.1用户注册

点击用户登录跳转到用户登录页面，点击页面上的注册按钮注册用户。

图1.16 用户注册1.3.2用户登录

点击用户登录，用注册过的用户进行登录。

图1.17 用户登录

2程序结构

2.1整个工程包含的所有JAVA文件

图2.1 整个工程所有JA V A文件的功能

2.2整个工程包含的所有布局文件

图2.2 整个工程所有布局文件

3详细设计

3.1主模块设计

3.1.1主模块流程图

整体模块分为三个模块，主模块的功能主要是让我们可以进入不同的模块，去阅读线上的电子书籍。

图3.1 整体模块流程图

3.1.2主模块关键代码

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(https://www.360docs.net/doc/2211443282.html,yout.activity_main);

WebView webView = findViewById(R.id.id_webView);

webView.getSettings().setJavaScriptEnabled(true);

webView.setWebViewClient(new WebViewClient());

webView.loadUrl("https://www.360docs.net/doc/2211443282.html,/");

}

public void doBookrack(View v){

Intent intent = new Intent(MainActivity.this,ShelfActivity.class);

startActivity(intent);

}

public void doUser(View v){

Intent intent = new Intent(MainActivity.this,UserActivity.class);

startActivity(intent);}

3.2书架模块设计

3.2.1书架模块流程图

图3.2 书架模块流程图

3.2.2书架模块关键代码

电子书阅读显示

@Override

protected void setScreen() {

//全屏

getWindow().setFlags(https://www.360docs.net/doc/2211443282.html,youtParams.FLAG_FULLSCREEN, https://www.360docs.net/doc/2211443282.html,youtParams.FLAG_FULLSCREEN);

}

功能菜单的四个功能按钮

@Override

public void onClick(View v) {

switch (v.getId()) {

case R.id.button_content:

//设置出现动画和位置

mContentPopup.setAnimationStyle(R.style.pop_window_anim_style);

mContentPopup.showAsDropDown(mBottomBar, 0, -mContentPopup.getHeight());

lightOff();

break;

case R.id.button_setting:

int xOff = (mBottomBar.getWidth() - mSettingPopup.getWidth()) / 2;

int yOff = -mSettingPopup.getHeight() - mBottomBar.getHeight() / 6;

mSettingPopup.setAnimationStyle(R.style.pop_window_anim_style);

mSettingPopup.showAsDropDown(mBottomBar, xOff, yOff);

break;

case R.id.button_font:

mFontPopup.setAnimationStyle(R.style.pop_window_anim_style);

mFontPopup.showAsDropDown(mBottomBar, 0, -mFontPopup.getHeight());

lightOff();

break;

case R.id.button_label:

saveLabel();

Toast.makeText(mContext, "书签已添加，长按显示书签列表",

Toast.LENGTH_SHORT).show();

break;

}

}

书签存入数据库

private void saveLabel() {

Time time = new Time();

time.setToNow(); // 取得系统时间。

String timeStr = time.year + "/" + time.month + "/" + time.monthDay;

ReadInfo readInfo = mBookPageFactory.getReadInfo();

String objectStr = SaveHelper.serObject(readInfo);

Label label = new Label();

label.setBookId(mBookId);

label.setDetails(mBookPageFactory.getCurContent());

label.setProgress(mBookPageFactory.getPercentStr());

label.setTime(timeStr);

label.setPrePageOver(mFlipView.isPrePageOver());

label.setReadInfoStr(objectStr);

label.save();

}

目录功能主要实现代码

private class ContentsAdapter extends RecyclerView.Adapter {

private List mBookContents;

public ContentsAdapter(List bookContents) {

mBookContents = bookContents;

}

@Override

public ContentsHolder onCreateViewHolder(ViewGroup parent, int viewType) {

LayoutInflater inflater = LayoutInflater.from(mContext);

View view = inflater.inflate(https://www.360docs.net/doc/2211443282.html,yout.simple_list_item_1, parent, false);

return new ContentsHolder(view);

}

@Override

public void onBindViewHolder(ContentsHolder holder, int position) {

holder.bind(mBookContents.get(position), position);

}

@Override

public int getItemCount() {

return mBookContents.size();

}

}

public void setBackgroundColor(int color) {

mLinearLayout.setBackgroundColor(color);

}

设置功能主要实现代码

private void setCurThemeBtn() {

Button usedButton = mThemeBtns[mTheme];

for (int i = 0; i < mThemeBtns.length; i++) {

// 设置背景填充颜色

GradientDrawable drawable = (GradientDrawable) mThemeBtns[i].getBackground();

drawable.setColor(mPopupColors[i]);

//设置边框颜色

if (mThemeBtns[i].getId() == usedButton.getId()) {

int strokeColor = mStrokeColors[i];

drawable.setStroke(5, strokeColor);

} else {

drawable.setStroke(5, mPopupColors[i]); //未选择button的边框颜色和填充颜色一致

}

}

}

private void setCurSeekBarStyle() {

for (SeekBar seekBar : mSeekBars) {

//获取seekBar的layer-list drawable对象

LayerDrawable layerDrawable = (LayerDrawable) seekBar.getProgressDrawable();

//层次包括背景图和进度,所以进度直接设为1,获取并设置进度条背景

Drawable drawable = layerDrawable.getDrawable(1);

drawable.setColorFilter(mStrokeColors[mTheme], PorterDuff.Mode.SRC);

//获取thumb背景

Drawable thumb = seekBar.getThumb();

thumb.setColorFilter(mStrokeColors[mTheme], PorterDuff.Mode.SRC);

}

}

字体功能主要实现代码

private void initViews() {

mTextColors = new int[]{

0xff121111, //黑

0x8A000000, //常规

0xffa9a8a8, //夜间

0xfbe6e3e3, //白

0xff486c94, //蓝

};

@Override

public void onClick(View v) {

int typeIndex = mTypeIndex;

int color = 0;

for (int i = 0; i < mButtons.length; i++) {

if (v.getId() == mButtons[i].getId()) {

typeIndex = i;

break;

}

}

for (int i = 0; i < mFabs.length; i++) {

if (v.getId() == mFabs[i].getId()) {

color = mTextColors[i];

break;

}

}

//改变字体

if (typeIndex != mTypeIndex) {

mTypeIndex = typeIndex;

setUsedButton();

if (mListener != null)

mListener.onTypefaceSelected(mTypeIndex);

}

//改变颜色

if (color != 0) {

if (mListener != null)

mListener.onColorSelected(color);

}

}

3.3用户模块设计

3.1.1用户模块流程图

图3.3 用户模块流程图

3.1.2用户模块关键代码

用户管理类方法主要实现代码，增加用户，检测用户

//增加

public boolean insertUser(String name,String password){

User user = new User();

user.setName(name);

user.setPassword(password);

//创建数据库

LitePal.getDatabase();

return user.save();

}

//通过用户名查找用户是否存在

public boolean findUserByName(String name){

List users = LitePal.findAll(User.class);

for(User person: users){

if(name.trim().equals(person.getName())){

return false;

}

}

return true;

}

//查找密码是否正确

public boolean findUser(String password){

List users = LitePal.findAll(User.class);

for(User person: users){

if(password.trim().equals(person.getPassword())){

return false;

}

}

return true;

}

用户注册

private void register_check() {

if(isUserNameAndPwdValid()){

boolean flag;

String name = mAccount.getText().toString().trim();

String password = mPwd.getText().toString().trim();

String rePassword = mPwdCheck.getText().toString().trim();

flag = userManager.findUserByName(name);