【总览】程序员前端、后端资源合集

• 1.程序员日常聚集交流地
• 2.前端界面介绍
• • 2.1 辅助工具
  • 2.2 好的架构
  • 2.3 源码
• 3后端API介绍
• • 3.1 辅助工具
  • 3.2 好的架构
  • 3.3源码
• 4.前后端不分离
• • 4.1 辅助工具
  • 4.2 好的架构
  • 4.3 源码
• 5. 网站搭建
• • 5.1 申请云服务器
  • 5.2 申请域名和备案
  • 5.3 服务器安装部署配置WEB服务和相关数据服务
  • 5.4 运行服务，欣赏自己的杰作

【总览】程序员前端、后端资源合集
这一篇文章带你领略程序员基础开发全貌，让你宏观知道一个程序员的日常，下一步就是学习了，如果你已经了解开发的基本架构，能助力你更进一步。

1.程序员日常聚集交流地

• github社区

GitHub是世界上最大的代码托管平台,超5千万开发者正在使用。GitHub中文社区,是国内领先的开源社区,是一个帮您发现GitHub上优质开源项目的地方。最主要的是里面开源代码非常多。

• CSDN

CSDN 目前国内最大的技术交流社区，里面的文章资源非常多，虽然以前文章质量不是太好，现在经过变新，整体是不错的。里面的问答板块是相当不错的，有什么问题可以在里面提问，基本面回复速度非常快。

• 掘金社区

掘金是面向全球中文开发者的技术内容分享与交流平台。我们通过技术文章、沸点、课程、直播等产品和服务,打造一个激发开发者创作灵感,激励开发者沉淀分享,陪伴开发者成长的综合类技术社区。

• 还有一些简书、知乎也是相当不错的

2.前端界面介绍

2.1 辅助工具

• vscode

Visual Studio Code(VS Code)是微软2015年推出的一个轻量但功能强大的源代码编辑器，基于 Electron 开发，支持 Windows、Linux 和 macOS 操作系统。内置了对JavaScript，TypeScript和Node.js的支持并且具有丰富的其它语言和扩展的支持，功能超级强大。
VSCode是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段、代码对比 Diff、GIT命令等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。

• HbuilderX

HBuilder X官方版是特别为前端量身订制的多功能代码编辑器，它有飞一样的编码、最完整的语法库和浏览器兼容数据、能够方便制作手机APP，还有保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。而且HBuilder X下载简单，从开放注册以来深受广大前端朋友们的喜爱。

2.2 好的架构

• VUE框架

Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

• UniApp框架

uni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。主要点在于跨平台，资源框架嵌套直接使用

2.3 源码

一些html+js+css的相关资源地址，下载可以直接使用，可以放在服务器直接请求。

• 1.html好看的字体
• 2.html滚动条美化
• 3.html常用标签讲解
• 4.html左右框架源码
• 5.【博主推荐】html下拉框树形（附好看的登录界面）
• 6.重写html的alert 弹框
• 7.html里面的好看的动画效果
• 8.【博主推荐】html后台管理系统框架(附源码)
• 9.【博主推荐】html操作SVG图(附源码)
• 10.【博主推荐】HTML制作一个美观的个人简介网页（附源码）
• 11.【博主推荐】HTML浪漫表白求爱(附源码)
• 12.【博主推荐】HTML5响应式手机WEB(附源码)
• 13.【博主推荐】html界面绘制SVG图形(附源码)
• 14.【博主推荐】html好看的列表滚动效果（附源码）
• 15.【博主推荐】html引用百度地图定位闪烁弹框树形(附源码)

3后端API介绍

3.1 辅助工具

• IDEA

IDEA，是java编程语言开发的集成环境。IntelliJ在业界被公认为最好的java开发工具，尤其在智能代码助手、代码自动提示、重构、JavaEE支持、各类版本工具(git、svn等)、JUnit、CVS整合、代码分析、 创新的GUI设计等方面的功能可以说是超常的。IDEA是JetBrains公司的产品，这家公司总部位于捷克共和国的首都布拉格，开发人员以严谨著称的东欧程序员为主。它的旗舰版本还支持HTML，CSS，PHP，MySQL，Python等。免费版只支持Java,Kotlin等少数语言。

• Visual Studio2022

Microsoft Visual Studio（简称VS）是美国微软公司的开发工具包系列产品。VS是一个基本完整的开发工具集，它包括了整个软件生命周期中所需要的大部分工具，如UML工具、代码管控工具、集成开发环境(IDE)等等。所写的目标代码适用于微软支持的所有平台，包括Microsoft Windows、Windows Mobile、Windows CE、.NET Framework、.NET Compact Framework和Microsoft Silverlight 及Windows Phone。

• Myeclipse

MyEclipse，是在Eclipse 基础上加上自己的插件开发而成的功能强大的企业级集成开发环境，主要用于Java、Java EE以及移动应用的开发。在最新版本的MyEclipse中，配合CodeMix使用支持也十分广泛，尤其是对各种开源产品和主流开发框架的支持相当不错。已支持PHP、Python、Vue、Angular、React、Java、Java EE等语言和框架开发。

3.2 好的架构

• java springboot

Spring Boot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。通过这种方式，Spring Boot致力于在蓬勃发展的快速应用开发领域(rapid application development)成为领导者。

• C# webservice

从表面上看，WebService是指一个应用程序向外界暴露了一个能通过Web调用的API接口，我们把调用这个WebService的应用程序称作客户端，把提供这个WebService的应用程序称作服务端。
从深层上看，WebService是建立可互操作的分布式应用程序的新平台，是一个平台，是一套标准。它定义了应用程序如何通过Web实现互操作性，通过WebService标准对服务进行查询和访问。

3.3源码

• 1.【博主推荐】asp WebService 后台数据API JSON(附源码)

优势：对数据库oracle和mysql可以直接使用，对数据库的增删改查；

• 2.【博主推荐】SpringBoot API接口对数据库增删改查,路由,TOKEN,WebSocket完整版(附源码)

优势：该项目可以直接使用IDEA导入使用，对oracle和mysql可以直接使用，实现对数据库的增删改查，token认证，路由管理，定时任务执行，websocket服务端等功能；可以直接在此基础上开发自己的后台api。

4.前后端不分离

4.1 辅助工具

• 见后端API介绍》辅助工具

4.2 好的架构

• java ssm

Java SSM框架即指Spring+SpringMVC+MyBatis的简称,框架集由Spring、MyBatis两个开源框架整合而成(SpringMVC是Spring中的部分内容),常作为数据源较简单的web项目的框架。

• C# asp MVC

MVC模式两种理解：一种是表现模式，另外一种是架构模式。
它将应用程序分为三个主要组件即：视图(View)，控制器(Controller),模型(Model)
M:Model主要是存储或者是处理数据的组件
Model其实是实现业务逻辑对实体类相应数据库操作，如：CRUD。它包括数据、验证规则、数据访问和业务逻辑等应用程序信息。ViewModel：视图模型
V：View是用户接口层组件。主要是将Model中的数据展示给用户，ASPX和ASCX文件被用来处理视图的职责。
C：Controller处理用户交互，从model中获取数据并将数据传给指定的View

4.3 源码

• 1.【博主推荐】C#MVC列表实现增删改查导入导出曲线功能(附源码)
  

• 2.【博主推荐】C#生成好看的二维码（附源码）
  

• 3.【博主推荐】C# Winform定时发送邮箱(附源码)
  

• 4.【博主推荐】SSM框架的后台管理系统（附源码）
  

• 5.【博主推荐】C#MVC后台管理系统(附源码)
  

5. 网站搭建

不管你是前端，还是后端，还是前后端开发人员，最后你需要了解的，就是网站搭建，把你自己做的东西展现出来，来看看你的成果。下面以阿里云服务器介绍一下网站搭建的粗略流程。

5.1 申请云服务器

• 1.进入阿里云官网
• 2.如果没有账号，先申请账号
• 3.购买云服务

1.创建实例（云服务器ECS）
2.根据自己的需求选择服务器的规格配置带宽等
3.购买云服务

5.2 申请域名和备案

• 1.申请域名

控制台搜索域名,进入
操作步骤： 概览 》 常用导航 》注册域名
选择自己喜欢的域名注册

• 2.ICP备案

按照要求和提示填写。
阿里云初审通过了会为你提交管局审核 你保持电话畅通，会有电话核实，一般20左右天就会通过审核。

5.3 服务器安装部署配置WEB服务和相关数据服务

我以windows系统，JAVA前后端不分离为例，数据库为mysql，介绍配置相关。

• 1.安装JDK
  点击查看详细介绍说明
• 2.安装TOMCAT
  点击查看详细介绍说明
• 3.安装Mysql
  点击查看详细介绍说明
• 4.配置端口访问权限

操作步骤 云服务器ECS 》安全组 》配置规则 》出入口方向 》配置放开端口

• 相关文献

1.linux安装tomcat配置自启动
2.tomcat部署应用根目录
3.linux安装jdk11
4.jdk环境变量配置
5.springboot项目jar包部署相关，api请求不了，服务自启动等

5.4 运行服务，欣赏自己的杰作

恭喜你，获得的自己web网站，开启程序员之路，路上不迷茫。