如何开发项目

本文介绍了从开发一个网站到理解开源项目的流程。在前端部分,涉及HTML、CSS、JavaScript、JS框架如jQuery、Angular、React和Vue,以及UI框架如Ant-Design和Bootstrap。在后端,讲解了后台模板和如何自己写网站,强调了数据库对接和前后端联调。同时,提供了学习和研究开源项目的方法,包括在GitHub上寻找项目,理解和运行项目环境,以及分析项目结构。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前端

基础: html, css, JavaScript

JS框架

  • jquery
  • Angular 模块化
  • React 虚拟DOM
  • Vue 模块化+虚拟DOM
  • Axios 前端通信框架

UI框架

  • Ant-Design
  • Element-UI
  • ice
  • iview
  • Bootstrap
  • AmazeUI
  • LayUI
  • semanti-UI

后端

后台模板

  • x-admin

如何自己写一个网站?

  1. 有一套自己熟悉的后台模板 x-admin
  2. 前端界面:用模板,或能通过前端框架自己组合出来一个网站页面(首页,,,,,等等)
  3. 让网站能够运行
  4. 数据库
  5. 数据接口如何对接
  6. 前后端联调测试

如何学习,研究,看懂 开源项目?

  1. GitHub 开源网站上找符合自己需求的项目

    找分类(java),看收藏, 看具有价值

  2. 观察开源项目:

    前后端是否分离,前后端分离项目的重点要找到接口的调用关系
    是否有数据库
    项目用到哪些技术
    开发,运行环境 自己是否都有,没有的环境要自己安装

  3. 下载项目zip(码云下载快),解压,打开项目

    前后端分离的项目,前端项目,厚端项目都要下载

  4. 建立数据库,表,执行SQL语句

  5. 让项目跑起来

    前端跑起来 npm install 下载依赖 要有nodejs环境
    后端项目导入(前端运行依赖后端运行)

  6. 分析项目目录结构

    只要发现了Swagger,那么先进入Swagger-ui页面,这里是接口调用信息
    resources: 配置文件:开发模式,生产模式。修改数据库连接信息
    模块
    pojo

  7. 启动后端项目

只要发现了Swagger,那么先进入Swagger-ui页面,这里是接口调用信息

  1. 启动前端项目
  2. 运行测试接口
> 前端到后端
> 后台到前端

后端项目结构
在这里插入图片描述
前端项目结构
在这里插入图片描述
在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值