2024年前端最全实战:node-react项目部署到服务器,GitHub标星3.2K
创始人
2025-01-17 02:02:25
0

基础学习:

前端最基础的就是 HTML , CSS 和 JavaScript 。

网页设计:HTML和CSS基础知识的学习

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

动态交互:JavaScript基础的学习

JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

3、集成宝塔


①、安装

官网

安装对应版本

在这里插入图片描述在这里插入图片描述

②、开放宝塔端口8888

  1. 安全组配置

在这里插入图片描述

  1. 配置规则

在这里插入图片描述

  1. 手动添加

在这里插入图片描述

  1. 开放8888在这里插入图片描述在这里插入图片描述

  2. 外网可以通过IP:8888访问

如果报错服务器运行rm -f /www/server/panel/data/admin_path.pl关闭安全即可在这里插入图片描述

  1. 服务器通过bt命令,设置账号密码后登录在这里插入图片描述

③、注册登录宝塔

在这里插入图片描述

在这里插入图片描述

④、软件商店安装必要软件

在这里插入图片描述

4、本地文件打包上传


①、后台管理系统

将react后台管理系统进行打包yarn build后,将build中的静态资源放到服务器中的public文件夹下的manager文件夹,index.html放到views中的manager中

在这里插入图片描述

③、app.js中路由挂载路由,设置静态资源文件夹

在这里插入图片描述

④、所有内容打包压缩

在这里插入图片描述

⑤、宝塔网站添加站点

  1. 添加网站

在这里插入图片描述

  1. 创建网站,域名有的话写域名,没有的话写IP地址

在这里插入图片描述

  1. 创建成功后文件目录下创建对应文件夹

在这里插入图片描述

  1. 安全——端口放行

在这里插入图片描述

  1. 将文件在上传到对应目录

在这里插入图片描述

  1. 解压文件

在这里插入图片描述

⑥、数据库配置

  1. 将数据库转出为SQL语句,在服务器端上传

  2. 在这里插入图片描述

  3. 数据库配置——宝塔——添加数据库

在这里插入图片描述

4. 导入

在这里插入图片描述

5. 更改项目中对应数据库文件,与新创建数据库对应

Vue 编码基础

2.1.1. 组件规范

2.1.2. 模板中使用简单的表达式

2.1.3 指令都使用缩写形式

2.1.4 标签顺序保持一致

2.1.5 必须为 v-for 设置键值 key

2.1.6 v-show 与 v-if 选择

2.1.7 script 标签内部结构顺序

2.1.8 Vue Router 规范

Vue 项目目录规范

2.2.1 基础

2.2.2 使用 Vue-cli 脚手架

2.2.3 目录说明

2.2.4注释说明

2.2.5 其他

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

使用 Vue-cli 脚手架

2.2.3 目录说明

2.2.4注释说明

2.2.5 其他

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

相关内容

热门资讯

二分钟后台操作!hhpoker... 二分钟后台操作!hhpoker软件安装包,hhpoker作弊码,详细教程(有挂app);hhpoke...
4分钟最新版本!wepoker... 4分钟最新版本!wepoker辅助器安装包(透视底牌)详细辅助作弊器(其实是有挂)4分钟最新版本!w...
3分钟有透视!如何判断wpk辅... 3分钟有透视!如何判断wpk辅助软件的真假(透视辅助)详细辅助外挂(原来是有挂)1、很好的工具软件,...
七分钟透视脚本!aapoker... 七分钟透视脚本!aapoker能控制牌吗,aapoker透视脚本入口,详细教程(有挂详情)1、aap...
9分钟私局代打!wepoker... 9分钟私局代打!wepoker脚本,wepoker游戏安装教程,详细教程(有挂辅助)1、很好的工具软...
4分钟作弊实战!hhpoker... 4分钟作弊实战!hhpoker德州作弊,hhpoker外挂靠谱吗,详细教程(有挂安装)1、4分钟作弊...
二分钟刷入池率!wpk辅助软件... 二分钟刷入池率!wpk辅助软件(透视辅助)详细辅助挂(总是存在有挂)1、用户打开应用后不用登录就可以...
九分钟透视方法!wepoker... 九分钟透视方法!wepoker破解是真的还是假的,wepoker轻量版辅助,详细教程(有挂方法);1...
二分钟底牌透视脚本!hhpok... 二分钟底牌透视脚本!hhpoker哪个俱乐部靠谱,hhpoker脚本,详细教程(有挂胜率)1、hhp...
四分钟靠谱!aapoker插件... 四分钟靠谱!aapoker插件,aa poker透视软件,详细教程(有挂详情)1、起透看视 aa p...