GithubHelp home page GithubHelp logo

quick-app-douban's Introduction

该项目为快应用练手项目,基于豆瓣api v2。

说明:按照官方文档所说推荐使用node v6.11.3这个版本,而我本地使用的是8以上的版本。所以就使用了nvm来管理node的版本,切换非常方便,关于nvm请自行google。

关于本项目介绍可以查看我的文章,传送门

## 克隆项目
git clone [email protected]:keenjaan/quick-app-douban.git

## 安装依赖
npm install

## 运行项目
npm run watch

## 运行本地服务,手机远程调试
npm run server -- --port 1234

注意:

如果开发者在后续操作中遇到报错Cannot find module '.../node_modules/hap-tools/webpack.config.js',请运行一次hap update --force(执行完毕后不需要按照提示再次运行npm install

上面是官方文档上的提示,clone我项目本地运行时可能遇到这个问题。

预览图:

页面展示 页面展示 页面展示 页面展示 换肤

项目目录结构

├─ .babelrc
├─ .eslintrc.json
├─ .gitignore
├─ .npmignore
├─ package.json
├─ README.md
│
├─sign
|
│
├─src   页面文件
│  │  assets 		图片文件夹
│  │  Common    	公共文件夹
|  |  app.ux		入口文件
│  │  manifest.json 配置文件
│  |  util.js		公用函数库
│  │   
│  │
│  ├─module
│  │  ├─es6.js		对async、await等支持
│  │  │      
│  │  ├─network.js	对网络请求模块封装        
│  │  
│  ├─About 关于页面
│  │  ├─index.ux
│  │       
│  ├─HomePage 主页
│  │  ├─index.ux
│  │
|  ├─Theme 主题页
│  │  ├─index.ux
|  |
|  ├─Movie 电影详情页
│  │  ├─index.ux
|  |
|  ├─Book 图书详情页
│  │  ├─index.ux
|  |
|  ├─Music 音乐详情页
│  │  ├─index.ux
|  |
|  ├─Home 主页
│  │  ├─index.ux
|  |  |
|  |  ├─list	列表组件
|  |  |  ├─index.ux
|  |  |
|  |  ├─movie	电影tabs组件
|  |  |  ├─index.ux
|  |  |
|  |  ├─book	图书tabs组件
|  |  |  ├─index.ux
|  |  |
|  |  ├─music	音乐tabs组件
|  |  |  ├─index.ux
|  |  |
|  ├─components		组件	
|  |  |
|  |  ├─cover	封面组件
|  |  |  ├─index.ux
|  |  |
|  |  ├─header	头部组件
|  |  |  ├─index.ux
|  |  |
|  |  ├─rating	评分组件
|  |  |  ├─index.ux

quick-app-douban's People

Contributors

keenjaan avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.