Giter VIP home page Giter VIP 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

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

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