Code Monkey home page Code Monkey logo

wedding-invitations's Introduction

婚礼请柬

请注意:本系统仅测试了在主流手机微信平台上的兼容性。

请注意:PC没有做兼容,所以PC打开会很乱。

请注意:请在微信坏境打开,其他任何浏览器均没有测试。

本系统设计灵感与部分图片来源于微请柬

如有侵权,请联系本人删除。

技术栈

  • React

  • Webpack

  • Redux

  • ES6

  • Css3

  • PHP

后端代码说明

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

  2. 后端是用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

wedding-invitations's People

Contributors

brickspert 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.