11月18日 珠海源创会报名倒计时,红薯约你一起来聊聊开源技术~

雨碎江南 / MobileAPPJavaScriptMIT

0 Watch 93 Star 133 Fork 42
加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
基于html5的手机app的开发。本项目以36Kr为原型,使用了mui框架,以IOS7为基础的极简设计,实现了常见的侧边栏菜单、可以滑动的导航、上拉加载、下拉刷新、侧滑删除、图片轮播等常见的移动端效果。 展开 收起

取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
readme.md 1.69 KB

36Kr 手机app开发

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

页面结构

  • guide.html 欢迎页,第一次启动app后加载。
  • index.html app启动页面,主要用于初始化(PS:并不在页面中显示实际的内容)。
  • index-menu.html 侧边栏菜单
  • about.html 关于信息(app制作人员,版本号)
  • main.html 底部菜单容器
  • subpage-chat.html 聊天页
  • subpage-home.html 主体内容
  • subpage-chat.html 聊天
  • subpage-setting.html 设置
  • login.html 登录
  • reg.html 注册
  • forget_password.html 忘记密码
  • loading.html 加载中
  • feedback.html 反馈
  • articleXXX.html 文章详情页面
  • unlock.html 图形解锁

资源说明

  • 缩略图分辨率为500*333
  • 相关资源请到36Kr获取

数据库

数据库有2种实现方案:

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

表摘要

  • article_detail 文章详情表 数据字典

    • id TINYINY 自增主键(id)
    • title VARCHAR(10) NOT NULL (标题)
    • count int DEFAULT 0(访问量)
    • content text DEFAULT NULL (内容)
    • author VARCHAR(10) DEFAULT '无名氏' (作者)
    • pdate datetime (发布时间)
  • article_outline 文章概要表 数据字典(列定义)

    • id tinyint 自增主键(id)
    • title VARCHAR(10) NOT NULL(标题)
    • thumb VARCHAR(80) DEFAULT 'default.jpg' (缩略图,之所以设置这么长的字段是方便使用七牛的CDN)
    • introduce VARCHAR(30) NOT NULL (简介)

两张表并没有通过外键关联。 注意:以上的并不是真正的数据库脚本,仅仅是列的定义,具体的数据库初始化脚本参见server/db.sql

项目点评 ( 2 )

你可以在登录后,发表评论

搜索帮助

12_float_left_people 12_float_left_close