知识付费系统源码搭建流程讲解、代码分析

知识付费系统是现在多数教培机构优先考虑的线上教学系统,而很多机构自身有技术人员常驻,所以不需要再花费资金去直接购买搭建好的成品系统,转而直接购买源码后,自行搭建配置。
目前,知识付费系统是许多教培机构转型的首要选择,但是在买完知识付费系统源码之后不知道如何搭建,下文小编为大家讲解一下知识付费系统源码的大概搭建流程以及代码分析。

知识付费系统源码
一、知识付费系统源码搭建流程
1、服务器搭建
首先要购买服务器,服务器我就不过多赘述了,按照自己的预估购买对应的配置即可。购买后,要在服务器上安装宝塔,宝塔的好处在于后续的配置使用操作更加简单,方便大部分技术功底一般或者没有技术功底的人,也可以操作。

2、宝塔面板配置
安装好宝塔面板后,会生成一个默认的内网和外网的链接地址以及账号密码,注意保存下来,后续管理域名时,可以直接访问外网链接,输入账号密码即可。

3、域名配置【二级域名】
为什么要备注二级域名呢?因为对于大部分机构来说,一级域名,也就是WWW.XX.COM,这种格式的域名常常是作为官网的域名访问的,所以搭建知识付费系统源码或者其他源码时,都会使用abc.XX.COM这种二级域名。域名生成后需要配置上对应的服务器ip,这里的ip就是宝塔外网链接的域名即可,如:192.168.1.1

4、新建站点
域名配置好后,就可以登录宝塔,新建站点,站点就是域名地址,搭建后直接访问这个域名地址,即可查看相关的系统页面。站点新建时,要一并新建好MySQL数据库,数据库与站点通常名称是对应的,方便后续管理的时候能够区分。

5、上传源码
将打包好的源码文件上传解压到宝塔对应的站点文件夹中,修改站点配置,将运行目录修改为public,伪静态设置为thinkphp。

6、修改源码中的配置
跟进部署文档中的介绍,找到对应的文件路径,修改数据库配置和redis配置,注意redis需要设置密码。

7、导入数据库文件
这里分为不同的情况,针对我们的知识付费系统来说,可以直接将数据库SQL文件导入即可,也有的系统是需要访问域名/admin,按照操作步骤一步一步的配置下去,即可自动创建数据库结构。

8、访问域名
最后,就是访问https://域名/admin,查看是否可以加载进入后台登录页面,若无法进入,则按照网页报错进行修改。
知识付费系统源码

二、代码分析

<title>{$site_info.site_name|default=''}</title>
<include file="public@head"/>
<include file="student/public@head"/>
<link href="__STATIC__/student/css/index.css" rel="stylesheet" type="text/css">
<div class="less_top kaiyuan_less_top" <if condition ="$keywords neq ''">style="display:none;"</if>>
    <div class="middle">
        <div class="ul" style="position: relative;top: 20px;margin-top: 0;">
            <div class="left">学段</div>
            <div id="xd" class="right">
                <volist name="$xdlist" id="item">
                    <div class="li <if condition='$key eq 0'>active</if>" data-id="{$item.id}">{$item.name}</div>
                </volist>
            </div>
        </div>
        <div class="ul" style="margin-top: 30px;">
            <div class="left">年级</div>
            <div id="nj" class="right">
                <volist name="$njlist" id="item">
                    <div class="li <if condition='$key eq 0'>active</if>" data-id="{$item.id}">{$item.name}</div>
                </volist>

            </div>
        </div>

        <div class="ul">
            <div class="left">类别</div>
            <div id="lb" class="right">
                <div class="li active" data-id="99">全部</div>
                <div class="li" data-id="3">直播</div>
                <div class="li" data-id="4">内容</div>
            </div>
        </div>
    </div>
</div>

<div class="zhibo_wrap">
    <div class="less_list less_list_daban kaiyuan_less_list list kaiyuan_info_list" <if condition ="$keywords neq ''">style="margin-top:80px;"</if>>
    <div class="tips">
        <span>直播课堂</span>
        <div style="display: inline-block; width: 92%; text-align: right;">
            <a style="color:#9e9a9a" href="{:url('student/lessionlist/index')}">更多></a>
        </div>
    </div>
    <ul>
        <volist name="lesslist" id="item">
            <li>
                <a href="/student/detail/class?id={$item.id}">
                    <div class="content">
                        <div class="top" style="background: url({$item.thumb}) no-repeat;background-size: cover;">
                            <div class="tip">课程</div>
                        </div>
                        <div class="title">{$item.name}</div>
                        <div class="information">
                            <text class="text1">{$item.lesson}</text>
                            <if condition="$item.ismaterial eq 1">
                                <img src="__STATIC__/student/images/index/book.png"><text class="text2">含教材</text>
                            </if>

                        </div>
                        <div class="bottom">
                            <img class="img1" src="{$item.avatar}">
                            <text class="name">{$item.user_nickname}</text>
                            <if condition="$item.paytype eq 0">
                                <text class="mian">免费</text>
                            </if>
                            <if condition="$item.paytype eq 1">
                                <text class="money">¥{$item.payval}</text>
                            </if>
                            <if condition="$item.paytype eq 2">
                                <text class="mi">密码</text>
                            </if>
                        </div>
                    </div>
                </a>
            </li>
        </volist>
    </ul>
</div>
<div class="less_list_nei kaiyuan_less_list list kaiyuan_info_list" <if condition ="$keywords neq ''">style="margin-top:80px;"</if>>
<div class="tips">
    <span>精选内容</span>
    <div style="display: inline-block; width: 92%; text-align: right;">
        <a style="color:#9e9a9a" href="{:url('student/lessionlist/index',['flag' => 'neirong'])}">更多></a>
    </div>
</div>
<ul>
    <volist name="neirong" id="item">
        <li>
            <a href="/student/detail/class?id={$item.id}">
                <div class="content">
                    <div class="top" style="background: url({$item.thumb}) no-repeat;background-size: cover;">
                        <div class="tip">课程</div>
                    </div>
                    <div class="title">{$item.name}</div>
                    <div class="information">
                        <text class="text1">{$item.lesson}</text>
                        <if condition="$item.ismaterial eq 1">
                            <img src="__STATIC__/student/images/index/book.png"><text class="text2">含教材</text>
                        </if>

                    </div>
                    <div class="bottom">
                        <img class="img1" src="{$item.avatar}">
                        <text class="name">{$item.user_nickname}</text>
                        <if condition="$item.paytype eq 0">
                            <text class="mian">免费</text>
                        </if>
                        <if condition="$item.paytype eq 1">
                            <text class="money">¥{$item.payval}</text>
                        </if>
                        <if condition="$item.paytype eq 2">
                            <text class="mi">密码</text>
                        </if>
                    </div>
                </div>
            </a>
        </li>
    </volist>
</ul>

</div>

<div class="right-nav">
    <img class="right-img" src="__STATIC__/images/qq_qun.png" alt="">
   
</div>
以上就是本篇文章的所有内容,感谢阅读!
  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值