# MobileAPP

**Repository Path**: zbage/MobileAPP

## Basic Information

- **Project Name**: MobileAPP
- **Description**: 基于html5的手机app的开发。本项目以36Kr为原型，使用了mui框架，以IOS7为基础的极简设计，实现了常见的侧边栏菜单、可以滑动的导航、上拉加载、下拉刷新、侧滑删除、图片轮播等常见的移动端效果。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 57
- **Created**: 2015-09-28
- **Last Updated**: 2021-06-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 36Kr 手机app开发

本项目基于mui二次开发，定位是资讯类的app

## 页面结构

- guide.html 欢迎页，第一次启动app后加载。
- index.html app启动页面，主要用于初始化（PS：并不在页面中显示实际的内容）。
- index-menu.html 侧边栏菜单
- info.html 关于信息（app制作人员，版本号）
- tab-view-main.html 底部菜单容器
- tab-view-subpage-chat.html 聊天页
- tab-view-subpage-about.html 主题内容
- tab-view-subpage-contact.html 联系人
- tab-view-subpage-chat.html 聊天
- tab-view-subpage-setting.html 设置
- template.html 模板页（没有实际内容，仅供参考） 

## 资源说明

- 缩略图分辨率为500*333
- 相关资源请到[36Kr](http://36kr.com/)获取

## 数据库

数据库有2种实现方案：

- html5本地数据库
	- sqllite
	- NoSQL
- 传统的服务端数据库（本程序中使用MySQL,阿里云RDS）	

### 表摘要

- article_outline
文章概要表
数据字典（列定义）
	- id tinyint 自增主键（id）
	- title VARCHAR(10) NOT NULL（标题）
	- thumb VARCHAR(80) DEFAULT 'default.jpg' （缩略图，之所以设置这么长的字段是方便使用七牛的CDN）
	- introduce VARCHAR(30) NOT NULL （简介）

- article_detail
文章详情表
数据字典
	- id TINYINY 自增主键(id)
	- title VARCHAR(10) NOT NULL (标题)
	- content text DEFAULT NULL （内容）
	- author VARCHAR(10) DEFAULT '无名氏' (作者)
	- pdate datetime  (发布时间)
	- comment text DEFAULT NULL(评论)

考虑结果是只读的，此处不设置两张表的外键约束（PS：正规的开发中需要设置外键约束）

*注意：以上的并不是真正的数据库脚本，仅仅是列的定义*,具体的数据库初始化脚本参见server/db.sql