Git Product home page Git Product logo

message-board's Introduction

Flask & React 留言板应用

这个应用只是一个简单的单页面留言板,采用响应式设计。使用技术:

  • Python-Flask
  • React
  • AJAX
  • webpack
  • Bootstrap

前后端分离

  • frontend: 首次使用 React 结合 webpack 构建工具.
  • backend: 使用 flask 框架,shelve 模块储存数据,可能是最简单的留言板,后端代码只有十几行.

详细的介绍点这里:React 最简单的入门应用项目

亮点

  • 响应式设计
  • 前端使用 react 处理表单,AJAX 传递数据,简单易懂,全部代码只有100行
  • 使用 python 内建模块 shelve 存储数据,无需安装其他数据库客户端,配置数据库
  • 无需下载其他依赖,下载整个项目,开启 http server 即可在浏览器看到效果

桌面浏览器效果如下:

手机端效果如下:

后端构建

启动虚拟环境,安装工程依赖,开启 http server

$ virtualenv venv
$ source venv/bin/activate
(venv)$ pip install -r requirements.txt
(venv)$ python manager.py runserver

退出虚拟环境

(venv)$ deactivate

前端构建

  • 安装依赖: cd app/static/js && npm install
  • 启动 webpack:npm start

message-board's People

Contributors

david-guo avatar

Watchers

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