动态网站

一.部署论坛系统discuz
Logo 开源论坛代码服务社区
在这里插入图片描述1.基础环境
关闭防火墙
在这里插入图片描述2.安装LAMP,最后启动服务。

在这里插入图片描述在这里插入图片描述3.安装Discuz
导入discuz网站源码,如果没有wget,用yum -y install wget安装
在这里插入图片描述创建一个存放discuz的目录,安装unzip,解压discuz压缩包,把压缩后的文件内容拷贝至创建好的目录下。
mkdir -p /webroot/discuz
yum -y install unzip
unzip Discuz_X2.5_SC_UTF8.zip
cp -r upload/* /webroot/discuz
授权更改属主和属组 chown -R apache.apache /webroot/discuz/

在这里插入图片描述 Apache 配置虚拟主机
修改子配置文件
vim /etc/httpd/conf.d/discuz.conf 再重启网站服务

在这里插入图片描述
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200821192938548.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N5eDE4MzQyNjUxMTg=,size_16,color_FFFFFF,t_70#pic_center在这里插入图片描述
准备数据库
在这里插入图片描述
安装discuz [任何client],准备一台客户机测试vim /etc/hosts 进浏览器输入地址访问

在这里插入图片描述

在这里插入图片描述本机访问
在这里插入图片描述输入win健和R健进去ping一下看是否能通。记得把配置文件ip改成域名,然后用域名www.discuz.com进行访问。

在这里插入图片描述二.部署博客系统 wordpress
1.准备基础环境
setenforce 0
systemctl stop firewalld
systemctl disable firewalld
2.安装LAMP,在启动网站和数据库服务
yum -y install httpd mariadb-server mariadb php php-mysql gd php-gd
启动 systemctl start httpd mariadb
开机自启 systemctl enable httpd mariadb
3.装wordpress
导入wordpress网站源码
创建网站主目录
mkdir -p /webroot/wordpress
上传解压缩源码包
rz 上传
unzip wordpress-4.9.4-zh_CN.zip
拷贝源码到主目录
cp -r wordpress/* /webroot/wordpress/
chmod -R 777 /webroot/wordpress 授权
Apache 配置虚拟主机
先修改主配置文件加端口号 vim /etc/httpd/conf/httpd.conf
vim /etc/httpd/conf.d/wordpress.conf
重启服务 systemctl restart httpd
在这里插入图片描述在这里插入图片描述

准备数据库(创建一个库)
在这里插入图片描述安装wordpress [任何client]
客户端域名解析
vim /etc/hosts
在这里插入图片描述在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是两种使用jQuery实现动态网站的例子: 1. 使用jQuery动画插件创建动感效果 ```html <!DOCTYPE html> <html> <head> <title>动态网站</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="动画插件.js"></script> <link rel="stylesheet" href="动画插件样式.css"> </head> <body> <div class="box">这是一个动态的盒子</div> <button id="animateBtn">点击开始动画</button> <script> $(document).ready(function(){ $("#animateBtn").click(function(){ $(".box").animate({left: '250px'}, "slow"); }); }); </script> </body> </html> ``` 动画插件.js: ```javascript $(document).ready(function(){ $(".box").click(function(){ $(this).animate({left: '250px'}, "slow"); }); }); ``` 动画插件样式.css: ```css .box { width: 100px; height: 100px; background-color: red; position: relative; } button { margin-top: 20px; } ``` 2. 使用jQuery实现按钮图标的动画 ```html <!DOCTYPE html> <html> <head> <title>动态网站</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="按钮动画插件.js"></script> <link rel="stylesheet" href="按钮动画插件样式.css"> </head> <body> <button class="loda-btn">点击加载</button> <script> $(document).ready(function(){ $(".loda-btn").click(function(){ $(this).addClass("load-icon"); setTimeout(function(){ $(".loda-btn").removeClass("load-icon"); }, 2000); }); }); </script> </body> </html> ``` 按钮动画插件.js: ```javascript $(document).ready(function(){ $(".loda-btn").click(function(){ $(this).addClass("load-icon"); setTimeout(function(){ $(".loda-btn").removeClass("load-icon"); }, 2000); }); }); ``` 按钮动画插件样式.css: ```css .loda-btn { padding: 10px 20px; background-color: blue; color: white; border: none; cursor: pointer; } .load-icon::after { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: white; margin-left: 5px; animation: spin 2s infinite linear; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值