GithubHelp home page GithubHelp logo

whale-web's Introduction

BlueWhale

课程介绍

BlueWhale设计课程是datawhale项目开发团队,基于datawhale社区成员学习交流、发布资料、分享笔记等实际需求,基于开源项目BlueWhale二次开发的网站开发设计课程。

基本信息

  • 贡献人员:王晓亮、何锋丽、张少波、谢文昕、张梁
  • 学习周期:16天
  • 学习形式:自学 + 实操 + 交流
  • 人群定位:有一定编程基础的同学,有实际开发经验更佳
  • 难度系数:中

学习目标

  • 熟悉datawhale项目开发流程
  • 掌握REST前后端分离理念及OpenAPI文档编写
  • 掌握Django后端开发技术架构
  • 掌握Vue前端开发
  • 掌握前后台端对接

任务安排

Task00:环境搭建和初步了解(2天)

  • 组队、修改群昵称
  • 熟悉打卡规则
  • 熟悉REST风格系统
  • 熟悉OpenAPI规范
  • 了解Django框架
  • 了解Vue.js框架
  • 独立完成数据库安装
  • 独立完成代码运营

Task01:熟悉后端代码结构及OpenAPI文档编写(2天)

  • 后端代码目录结构
  • 后端RESTful API URL定义
  • 查看已实现的接口及内容
  • 使用swagger-editor编辑接口文档并补充遗漏的接口

Task02:熟悉datawhale需求及编写新API文档(2天)

  • 熟悉用户及权限管理需求
  • 设计用户及权限管理相关RESTful API
  • 补充openapi.yaml并添加用户及权限管理相关入口
  • 熟悉赛事管理需求
  • 设计赛事管理相关RESTful API
  • 补充openapi.yaml并添加赛事管理相关入口

Task03:熟悉首页需求并使用Vue实现首页功能(2天)

  • 前端代码目录结构
  • vue-router简介
  • vuex状态管理
  • 熟悉vuetify material design组件库并使用
  • 基于交互图实现首页功能

Task04:开发用户管理后端及前端(4天)

  • [后端]修改已有Model并添加用户属性,同步数据表
  • [后端]实现对应序列化类及View
  • [后端]创建URL与View的映射
  • [前端]创建用户列表页及用户详情页
  • [前端]创建用户列表路由及用户详情路由
  • 线上环境部署及集成测试

Task05:开发赛事管理后端及前端(4天)

  • [后端]新建赛事相关Model并初始化数据表
  • [后端]实现对应序列化类及View
  • [后端]创建URL与View的映射
  • [前端]创建赛事列表页及赛事编辑页面
  • [前端]创建赛事列表路由及赛事编辑路由
  • 线上环境部署及集成测试

参与贡献

  1. Fork 本仓库
  2. 新建 Feat_xxx 分支
  3. 提交代码
  4. 新建 Pull Request

其他说明

  1. xxxx
  2. xxxx
  3. xxxx

whale-web's People

Contributors

freyaone avatar purplenigma avatar tomowang avatar tomturing 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

Watchers

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