###结婚请柬
PS:为什么新用户只能贴两个链接,真的不够!!
仿照微请柬 来电提醒 模板制作,具体效果可以在该链接查看http://u.wqingjian.com/app/a6VjYf
源码地址:github
技术栈
-
React
-
Webpack
-
Redux
-
ES6
-
Css3
-
PHP
后端代码说明
-
后端代码在根目录
php
文件夹下,需要的sql
文件放在该目录下。 -
后端是用PHP写的,主要实现了简单的祝福语插入与查询接口。
PHP并不是必须的,不要害怕~~
开发坏境配置与启动
-
将
php
文件夹复制到本地的PHP
坏境。 -
新建数据库,执行
php/wedding.sql
,修改getBless.php
与commitBless.php
中数据库相关配置。 -
修改
server.js
,修改端口为相应的PHP端口。app.use(proxy('/wedding', { target: 'http://localhost:80', changeOrigin: true }));
-
执行
npm install
-
执行
npm start
-
浏览器访问 http://localhost:8081
生产坏境打包
npm run bundle
##其他说明
-
系统分男方版本和女方版本,如果访问首页带参数
?t=girl
,则为访问女方版本,否则访问男方版本。具体版本区别请看代码。下面举一个例子:
<audio className="hidden" id="talk-audio"> <source src={userType == 'boy' ? boyMp3 : girlMp3} type="audio/mpeg"/> </audio>
-
所有可配置的照片放在
src/asset/images/photos
,所有可配置的音频放在src/asset/audio
。