Giter Site home page Giter Site 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 suifengyougu avatar tomowang avatar tomturing 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.