结婚请柬(基于react+webpack+redux)

#1

###结婚请柬

PS:为什么新用户只能贴两个链接,真的不够!!

仿照微请柬 来电提醒 模板制作,具体效果可以在该链接查看http://u.wqingjian.com/app/a6VjYf

源码地址:github

技术栈

  • React

  • Webpack

  • Redux

  • ES6

  • Css3

  • PHP

后端代码说明

  1. 后端代码在根目录php文件夹下,需要的sql文件放在该目录下。

  2. 后端是用PHP写的,主要实现了简单的祝福语插入与查询接口。

PHP并不是必须的,不要害怕~~

开发坏境配置与启动

  1. php文件夹复制到本地的PHP坏境。

  2. 新建数据库,执行php/wedding.sql,修改getBless.phpcommitBless.php中数据库相关配置。

  3. 修改server.js,修改端口为相应的PHP端口。

    app.use(proxy('/wedding', {
        target: 'http://localhost:80',
        changeOrigin: true
    }));
    
  4. 执行npm install

  5. 执行npm start

  6. 浏览器访问 http://localhost:8081

生产坏境打包

  1. npm run bundle

##其他说明

  1. 系统分男方版本和女方版本,如果访问首页带参数?t=girl,则为访问女方版本,否则访问男方版本。

    具体版本区别请看代码。下面举一个例子:

    <audio className="hidden" id="talk-audio">
    <source src={userType == 'boy' ? boyMp3 : girlMp3} type="audio/mpeg"/>
    </audio>
    
  2. 所有可配置的照片放在src/asset/images/photos,所有可配置的音频放在src/asset/audio

#2

有问题大家就提,谢谢~

#3

好久没来了。~

#4

不错,顶一下

#5

一看就缺个产品啊,这个交互得好好优化一下