hqwlkj / umi-dva-antd-mobile Goto Github PK

View Code? Open in Web Editor NEW

499.0 17.0 148.0 10.41 MB

基于 umi + dva + antd-mobile 快速构建H5 APP 应用。

License: MIT License

JavaScript 46.45% TypeScript 38.77% Shell 0.06% Less 14.73%

antd-mobile react umi dva typescript h5 app wechat

umi-dva-antd-mobile's Introduction

🎉 🌟 ✨ 基于 [email protected] 和 antd-mobile@next 新搭建的一个移动端应用框，传送门 ✨ 🌟 🎉

抱歉各位，本项目已经停止维护，为了不给您使用造成问题，请仅做参考使用，感谢各位支持

后续将会以我现在搭建的h5 框架重新开源，再次感谢各位的支持。

umi-dva-antd-mobile

该项目主要以 UMI + DVA 为底层框架，以Ant Design Mobile为 UI 组件库，包含完整的前端工程化实践。

部分代码及功能参考于 Ant Design pro

👏 已经支持微信开发，相见 wx 分支。

目录结构

|-- config                                # umi 配置，包含路由，构建等配置
|-- mock                                  # 本地模拟数据
|-- public                                
|   |-- favicon.png                       # favicon
|-- src                                   # 
|   |-- assets                            # 本地静态资源
|   |-- components                        # 业务通用组件
|   |-- layout                            # 通用布局
|   |-- models                            # 全局 dva model
|   |-- services                          # 后台接口服务
|   |-- pages                             # 业务页面入口和常用模板
|   |-- e2e                               # 集成测试用例
|   |-- global.less                       # 全局样式
|   |-- global.tsx                         # 全局 JS
|   |-- theme.js                          
|-- tests                                 # 测试工具
|-- .gitignore                            # git忽略文件
|-- .editorconfig                         # 编辑器代码风格配置
|-- .eslintignore                         # eslint忽略文件
|-- .eslintrc                             # eslint规则
|-- .prettierignore                       # 代码风格配置忽略文件
|-- .prettierrc                           # 代码风格配置文件
|-- .stylelintrc                          # 样式风格配置文件
|-- package.json                          
|-- README.md

快速开始

// 安装项目
$ git clone --depth=1 https://github.com/hqwlkj/umi-dva-antd-mobile.git my-project

$ cd my-project

// 安装依赖
$ yarn or npm install

// 运行
$ yarn start or npm run start # 访问 http://localhost:8080

// 打包
$ yarn build or npm run build

更多命令可在package.json中查看

线上项目预览地址

DEMO 地址已经全部提供到 Issue 中👏👏👏

1、蔚来汽车H5活动建议在手机浏览器或者微信浏览器预览。

2、H5 DEMO 建议在手机浏览器或者微信浏览器预览。

3、抽奖大转盘 DEMO 建议在手机浏览器或者微信浏览器预览。

*注由于 DEMO 代码是从正式项目中提取的，没有放在 examples 目录下；有需要的同学，请在 Issue 中索要，看见消息后我会及时提供，谢谢各位同学的 ⭐ 🌟 💫

DEMO

请扫描下方二维码预览效果。

由于demo服务器当前不稳定，建议本地运行查看效果，谢谢


H5 应用(已完成)	APP 应用

demo 还在持续完善中。。。

支持环境

iOS Safari	Android
iOS Safari	Android 4.0+

参与贡献

我们非常欢迎你的贡献，你可以通过以下方式和我一起共建 😃：

通过 Issue 报告 bug 或进行咨询。
提交 Pull Request 改进代码。

umi-dva-antd-mobile's People

Contributors

Stargazers

Watchers

Forkers

ridup wupan1018 boilerplator hefangxuan renhuawei ma-yi wilson-999 boxzheng thorlei mpw0311 sqwm playdelphi tzng zlytest iisbigfish vist1 domenlee anthuizi zhaomengqiao xuyuan3 cingzeons xucx0914 gxxxxxer victory460 als2014 edsonunique w3cui laoshupangen duguqiulong hdfs010 xxq260310 meiavy brettcao asdbaihu dingxinh5publicity zhuxiujuanz 15836909675 zly11000 wujiy wittech clannadmoon liderj hzzou moicen omiomi meishenmelan thbgh kilmas mopacha hsqcoollaughing xiaoshen110 zhangaz1 roger-bean jianjiayi binaryartists qh931725663 chenyao1208 nodewebzsz liangchaofei abcpan sunpigfly lostheartf avictory shiguang999 duanshaobo sevenfeng012 ghsa-io lingxuesonga paulcoffee-zh wufeng87 roderick-cc angusun guitay zluyao dainanh luorixin james133 bxvs888 chenxijywc eason1999 hmy-morning-wz jcto gxuebin huai-zi jiujiugit leechance zhokang awenizou hanyueqiang magic-coder xuyongmin tangzheng1900 ari1c joedidi hanfengmi mrtaochen rsgok zhangaixu zhouweiaccp hetaoov

umi-dva-antd-mobile's Issues

git commit 通过不了eslint检查

一直报 error Parsing error: Unexpected token
ts相关方法都不能使用

生成照片H5 DEMO 源码地址

链接:https://pan.baidu.com/s/1HykU9TR97ZYGIWgUd5ks1g 密码:yu0e

发布版本后，缓存问题

发布新的版本后，有些手机访问会一直停留在加载时的组件页面；有时候刷新就没事了，有时候刷新了也不行，需要退出微信重新进去才可以。

我想要参考你的抽奖模块是怎么弄的。

最近公司需要做一个h5的抽奖页面，看着你的抽奖页面效果不错，想知道你是如何实现的。

Failed to compile

✖ Webpack
Compiled with some errors in 765.82ms

ERROR Failed to compile with 2 errors 10:20:25

These relative modules were not found:

../tabbar/Koubei in ./src/pages/.umi/router.js
../tabbar/index in ./src/pages/.umi/router.js

history为browser的情况下，build后部署dist文件夹会出现css、js404的情况

出现的404的文件名为：vendors.dde52742.chunk.css，vendors.8cce56e1.async.js，p__Form__index.39b0fd98.chunk.css，p__Form__index.dc85fe19.async.js

然而同样的代码只把history改为hash模式，build后部署就是正常的。

关于wx分支的疑问

你好楼主，冒昧的问下，wx分支比master分支少了22个commits，应该是说wx分支少了些功能和bug修复吗？

不使用typescript开发，model js 里import的都是空

不使用typescript开发，model js 里import的都是空，怎么解决？

可以加上拆分第三方包的配置么?

可以加上拆分第三方包的配置么? 把react react-dom react-router 之类的单独打包

页面缓存问题

点击router.push进入另一个页面之后，返回上一级页面，都是重新刷新上一级页面，有没有类似于vue keep alive的配置，不让上一级页面刷新？

随着umi v3 的发布，抽空将该项目做了一个简单的升级，后续会逐渐完善。

随着umi v3.x 的发布，抽空将该项目做了一个简单的升级，后续会逐渐完善。

目前项目锁在 v3 分支

感谢开发者们的 star ；也欢迎大家参与共建。

关于项目中使用的parsec-ls包问题

我看到项目中有用到这个parsec-ls包，请问这个是什么包有什么用。有文档可以看吗？

如何在项目中关闭微信开发？

我需要怎样配置才能让程序跑在微信的时候，不用去执行'src/utils/wx.tsx'文件

集成antv/f2图表使用时在不同浏览器的手机模式样式会改变且差异较大

谷歌浏览器效果：

火狐浏览器效果：

wx分支下缺失文件

These dependencies were not found:

/tabbar/Koubei in ./src/pages/.umi/router.js
/tabbar/index in ./src/pages/.umi/router.js

Unhandled Rejection (Error): Cannot find module './locale' 项目无法启动

node: v10.11.0
umi: 2.13.13
复现步骤:
1、下载项目

git clone --depth=1 https://github.com/hqwlkj/umi-dva-antd-mobile.git my-umi-dva-antd-mobile

2、安装依赖

cd my-umi-dva-antd-mobile/ && npm install

3、启动

npm start

是不是，没锁版本啊

git clone之后run没问题，但build会报错

ERROR Failed to compile with 1 errors

error

umi.0432bf59.js from UglifyJs
Unexpected token: keyword «const» [umi.0432bf59.js:38316,6]

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: umi build
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.