自学内容网 自学内容网

电商项目-网站首页高可用(二)

一、LUA基本语法

lua有交互式编程和脚本式编程。

        交互式编程就是直接输入语法,就能执行。

        脚本式编程需要编写脚本文件,然后再执行。

        一般采用脚本式编程。(例如:编写一个hello.lua的文件,输入文件内容,并执行lua hell.lua即可)

1.1.1 lua注释注释

单行注释:两个减号是单行注释:

--

多行注释:

--[[
 多行注释
 多行注释
 --]]
1.1.2关键字

关键字就好比java中的 break if else等等一样的效果。lua的关键字如下:

andbreakdoelse
elseifendfalsefor
functionifinlocal
nilnotorrepeat
returnthentrueuntil
while
1.1.3 定义变量

全局变量,默认的情况下,定义一个变量都是全局变量,

如果要用局部变量 需要声明为local.例如:

-- 全局变量赋值
a=1
-- 局部变量赋值
local b=2 

如果变量没有初始化:则 它的值为nil 这和java中的null不同。

1.1.4 Lua中的数据类型

        Lua 是动态类型语言,变量不要类型定义,只需要为变量赋值。 值可以存储在变量中,作为参数传递或结果返回。

        Lua 中有 8 个基本类型分别为:nil、boolean、number、string、userdata、function、thread 和 table。

数据类型描述
nil这个最简单,只有值nil属于该类,表示一个无效值(在条件表达式中相当于false)。
boolean包含两个值:false和true。
number表示双精度类型的实浮点数
string字符串由一对双引号或单引号来表示
function由 C 或 Lua 编写的函数
userdata表示任意存储在变量中的C数据结构
thread表示执行的独立线路,用于执行协同程序
tableLua 中的表(table)其实是一个"关联数组"(associative arrays),数组的索引可以是数字、字符串或表类型。在 Lua 里,table 的创建是通过"构造表达式"来完成,最简单构造表达式是{},用来创建一个空表。
1.1.5 流程控制

如下:类似于if else

--[ 0 为 true ]
if(0) then
    print("0 为 true")
else
    print("0 不为true")
end
1.1.6 函数

lua中也可以定义函数,类似于java中的方法。例如:

--[[ 函数返回两个值的最大值 --]]
function max(num1, num2)
​
   if (num1 > num2) then
      result = num1;
   else
      result = num2;
   end
​
   return result; 
end
-- 调用函数
print("两值比较最大值为 ",max(10,4))
print("两值比较最大值为 ",max(5,6))

执行之后的结果:

两值比较最大值为     10
两值比较最大值为     6
1.1.7 require 函数

require 用于 引入其他的模块,类似于java中的类要引用别的类的效果。

用法:

require "<模块名>"

二、nginx+Lua+redis实现广告缓存

2.1 表结构分析

操作shangcheng_business 数据库的 tb_ad (广告表)

字段名称字段含义字段类型字段长度备注
idIDINT
name广告名称VARCHAR
position广告位置VARCHAR系统定义
start_time开始时间DATETIME
end_time到期时间DATETIME
status状态CHAR0:无效 1:有效
image图片地址VARCHAR
urlURLVARCHAR
remarks备注VARCHAR
web_index_lb首页轮播图
web_index_amusing有趣区
web_index_ea_lb家用电器楼层轮播图
web_index_ea家用电器楼层广告
web_index_mobile_lb手机通讯楼层轮播图
web_index_mobile手机通讯楼层广告

2.2 缓存预热与二级缓存查询

步骤一:编写lua脚本实现缓存预热(将mysql里的数据查询出来存入redis)

步骤二:编写lua脚本实现二级缓存读取

2.3.1 缓存预热

实现步骤:

定义请求:用于查询数据库中的数据更新到redis中。

(1)连接mysql ,按照广告分类ID读取广告列表,转换为json字符串。

(2)连接redis,将广告列表json字符串存入redis 。

定义请求:

请求:
    /ad_update
参数:
    position  --指定广告位置
返回值:
    json

步骤一:在/root/lua目录下创建ad_load.lua ,实现连接mysql 查询数据 并存储到redis中。

步骤二:修改/usr/local/openresty/nginx/conf/nginx.conf文件:

代码如下:

#user  nobody;
user root root;
worker_processes  1;
​
#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;
​
#pid        logs/nginx.pid;
​
events {
    worker_connections  1024;
}
​
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    #tcp_nopush     on;
​
    #keepalive_timeout  0;
    keepalive_timeout  65;
​
    #gzip  on;
​
    server {
        listen       80;
        server_name  localhost;
        charset utf-8;
        #access_log  logs/host.access.log  main;
        # 添加
        location /ad_update {
            content_by_lua_file /root/lua/ad_update.lua;
        }
        
        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }        
    }
}

步骤三:测试

重新启动nginx

测试:http://192.168.200.128/ad_update?position=web_index_lb

查看redis客户端

2.3.2 广告缓存读取

实现步骤:

通过lua脚本直接从redis中获取数据即可。

定义请求:

请求:/ad_read
参数:position
返回值:json

1)在/root/lua目录下创建ad_read.lua

2)在/usr/local/openresty/nginx/conf/nginx.conf中server下添加配置

location /ad_read {
  content_by_lua_file /root/lua/ad_read.lua;
}

3)测试

测试 http://192.168.200.128/ad_read?position=web_index_lb 输出:

[{"url":"img\/banner1.jpg","image":"img\/banner1.jpg"},
{"url":"img\/banner2.jpg","image":"img\/banner2.jpg"}]

2.4 二级缓存(openresty本地缓存)

        如上的方式没有问题,但是如果请求都到redis,redis压力也很大,所以我们一般采用多级缓存的方式来减少下游系统的服务压力。

        先查询openresty本地缓存 如果没有再查询redis中的数据

1)修改/root/lua目录下ad_read文件, 内容如下:

2)修改nginx配置文件vi /usr/local/openresty/nginx/conf/nginx.conf ,http节点下添加配置:

#包含redis初始化模块
lua_shared_dict dis_cache 5m;  #共享内存开启
2.5前端页面实现

步骤一:修改index.html,编写脚本

<script>
       new Vue({
        el: '#app',
        data: {
            ad: {
                web_index_lb:[]
            }
        },
        methods: {
            adRead: function(position) {
                axios.get('ad_read?position='+position).then(response =>{
                    this.ad[position]=response.data                 
                })
            }
        },
        created(){
            this.adRead('web_index_lb')
        }
      })
</script>

步骤二:修改index.html,渲染广告轮播图

<div id="myCarousel" data-ride="carousel" data-interval="4000" class="sui-carousel slide">
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active" v-for="item in ad.web_index_lb"></li>
    </ol>
    <div class="carousel-inner" id="lbt">
        <div class="item" v-for="item in contentList">
            <a :href="item.url">
            <img :src="item.pic"  />
          </a>
        </div>      
    </div>
    <a href="#myCarousel" data-slide="prev" class="carousel-control left">‹</a>
    <a href="#myCarousel" data-slide="next" class="carousel-control right">›</a>
</div>

步骤三:上传至服务器并测试

更改配置:

# 加载首页
        location / {
            root   html;
            index  index.html index.htm;
        }


原文地址:https://blog.csdn.net/kong7906928/article/details/144643761

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!