软件架构
1. 软件架构
B/S 架构软件 —— 我们所有的东西都希望通过网站的形式使用,而不依赖于任何其他第三方环境,且依赖于浏览器的应用
B/S 通俗来说就是开发网站
Web程序
C/S 架构 桌面应用
WPS
office
云计算 云游戏 网速 5G
Java
2. 开发B/S架构软件需要哪些人才?
前端
后端
3. 前端准备
Vs Code
Google Chrome
Nodejs
设置淘宝镜像命令:
1 | npm install -g cnpm --registry=https://registry.npm.taobao.org |
Yarn(可选)如果你要安装它,前提是必须安装Nodejs
查看当前镜像源
1 | config get registry |
修改淘宝镜像
1 | yarn config set registry https://registry.npm.taobao.org/ |
4. 前端预备课
HTML
HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。
CSS
网页的表现与展示效果
JavaScript (JS)
功能与行为
JS 框架
Jquery Vue React
css 框架
bootstrap ELEUI 。。。
5. 后端预备课
VMware 虚拟机
Linux基础
vim shell
Android 小米 OPPO 华为 VIVO …. 基于
Linux RedHat Ubuntu Kali …
Ubuntu 16.04 18.04
Centos
Desktop
Server
开源
闭源 特殊的几个人能看见(开发组)
阿里镜像源
1 | https://mirrors.aliyun.com/ubuntu/ |
设置root密码
1 | sudo passwd root |
安装必要软件
1 | sudo apt-get install openssh-server |
ssh连接
1 | ssh liyoh@xxx.xxx.xxx |
后端语言:Java/Go/Nodejs/C#(.NET)/Python/PHP
JSP -> html 里面扩展java代码 eg: <%for…%>
前后端分离
pm2
HTTP服务器搭建软件:Tomcat/Nginx/Apache
Express
公网IP 网站所有人都能打开
DNS服务器解析 备案 买域名
1 | yarn config set registry https://registry.yarnpkg.com |
MVC模式
model 模型
service 层
controller 控制器
HTTP API
TCP UDP
计算机网络
数据库:MySql/Oracle/SQL Server/SQLite/MongoDB/Redis
动态页面 :和用户之间具有数据交互
CRUD:对数据的 增删改查
mysq5.7
https://dev.mysql.com/downloads/mysql/5.7.html
https://blog.csdn.net/weixx3/article/details/80782479
6. Git(前端后端)
- 版本控制 保留了一切的历史 可以让代码迅速恢复到你想指定的commit位置
1 2 3
- 协作开发
在自己的电脑上使用git,那确实是有版本控制功能,没有协作开发功能
网
大家把每次写的东西放到哪?平台, ? 基于git的一个平台, GitHub,GitLab
3. 如何放在Linux上部署运行?网站是怎么运行的?
7. 全栈
8. Devops
9. github
10. 注意休息, 尽可能不要透支身体
express代码
1 | yarn init |
创建app.js
1 | touch app.js |
便捷app.js
1 | vim app.js: |
查看app.js内容
1 | cat app.js |
运行
1 | node app.js |
插件
1 | app.use(express.static('public')); |
pm2运行
11. 虚拟机安装
VMware workstation pro 16.2.4
Ubuntu Desktop 22.04.1 LTS