Giter VIP home page Giter VIP logo

figurehub's Introduction

FigureHub

集搜索、交易、分享于一体的模玩社区。

技术栈

本项目采用前后端分离开发:

  • 前端基于 Vue 2 + Ant Design
  • 后端基于 Rails 5 (only api mode) + Rspec

项目文档

快速开始

### Frontend
cd figurehub_frontend
# before install
npm config set registry https://registry.npm.taobao.org
npm set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass
# install and run
npm install
npm run serve

### Backend
cd ../figurehub_backend
bundle install
rails db:migrate
rails db:seed
rails server -d -b 0.0.0.0 -p 5000

数据库介绍

本系统数据库包含十余个实体:用户、作品、角色、厂商、手办、商品、交易、评价、评论等。

系统支持如下功能:

  • 用户共分为三种:普通用户、厂商用户、管理员。
    • 采用 JWT 鉴权,订单与发布页面需登录才可访问。
    • 在登录界面提供了测试用的管理员、普通用户账号,可直接登录。
    • 管理员可以管理平台所有商品,进行下架处理。
    • 管理员和厂商用户可以编辑百科信息,添加作品、角色、手办等。
  • 用户可以在平台交易手办,发布一手或二手物品。
    • 发布时可选择商品数量,库存为 0 后将无法购买,但仍会展示。
  • 用户可以根据关键词搜索百科,获取手办的相关信息以及属性。
    • 商品详情页的标签同样可以跳转到对应的百科页面。
  • 用户可以购买其他用户发布的商品(未对接支付接口),并在完成交易后对交易进行评价。
  • 用户可以发表对手办的评论,与其他用户进行分享与交流。
    • 对某一商品评论时,评论对象为该商品对应的手办。
    • 在用户的个人主页,可以看到该用户过往发言。

根据数据库功能将数据流图分为两部分,数据流图百科部分:

image-20211225222513806

数据流图交易部分:

image-20211225222539753

系统基本 E-R 图(点赞与收藏功能未实现):

image-20211225222706071

其他说明

  • 该项目的前端基于 2020 年秋季数据库课程项目,彼时我在团队中负责前端部分,并参与了数据库设计过程。后端由其他同学使用 MySpring 实现。
  • 这次主要是用 Ruby on Rails 重写了后端,将接口改为 RESTful 风格,同时完善了前端当时来不及实现的功能(如商品详情到百科的关联等)。

figurehub's People

Contributors

mondaycha avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

zz1998022

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.