1,把cms中的basecms复制进Wamp里面的www文件夹,

2,打开Wamp,打开网址http://localhost/basecms/core/admin/admin.php(该网址默认端口为80端口),

3,安装后配置内容:http://localhost/basecms/core/install

数据库名字:cms或者其他

数据库密码为:为自己数据库的密码

4,设置完成后,打开Wamp\www\basecms\core\config\config.php文件填上数据库名和密码。

5,打开:http://localhost/basecms/core/admin  填上账户和密码进入CMS

首先应先进行系统设置

系统——系统参数设置(网址地址,即使改变了域名也不会影响)

 

CMS 数据架构图 cms数据库名称_html

系统——数据表与数据模型——管理数据表(建立数据表)

 

CMS 数据架构图 cms数据库名称_php_02

管理字段——增加字段或修改字段

管理系统模型——先生成后修改,里面的投稿项选中的话可以在外面的投稿地址里选择增加信息的栏目,选项对接下来的信息有影响。

管理字段,可以实现对数据库的增加和删除。需要注意的是我数据库在其他地方,数据导出时需要导出数据库。如果需要与其他数据表联系,则需要在新建的数据字段修改中增加如下信息:

 

CMS 数据架构图 cms数据库名称_数据库_03

就可以在增加信息的时候显示下拉列表显示联系的数据表的信息

增加栏目

wamp\www\basecms\skin中增加需要在外增加的文件夹如图:

 

CMS 数据架构图 cms数据库名称_html_04

增加栏目先建立模板:列表模板:

选择模板模型,以便点击“这里”是出现的是我们所需要的内容:

 

CMS 数据架构图 cms数据库名称_数据库_05

把模板的内容粘贴到页面模板内容:<a href="[!--titleurl--]" class="list_link">可以设置点击后取到对应的内容模板。

 

CMS 数据架构图 cms数据库名称_数据库_06

 

列表内容是在页面模板里面重复出现的

内容模板:选择模型,把内容模板的代码粘贴

使用cookie可以暂时存储内容,然后在另一页面中显示出来

以下代码用JSON先包装好需要存储是数据。

var arr = [];
                        arr[0] = {
"pic": $('.swiper-slide img').attr('src'),
"title": $('#_title').html(),
"sale": $('#_save').html(),
                                        "price": $('._footer h1 span').html(),
};
                       var json = JSON.stringify(arr);
$.cookie("arr", json, {
path: '/'
});

把暂时存储的数据显示出来:

var goods = new Array();
               goods = JSON.parse($.cookie("arr"), {path: '/'});
                var pic=goods[0].pic;
                var title=goods[0].title;
                var price=goods[0].price;
                var sale=goods[0].sale;

推荐与头条在系统-系统参数设置-信息设置中:可以修改名字,就可以在增加信息时推荐到其他页面。

 

CMS 数据架构图 cms数据库名称_数据库_07

推荐到的页面显示需要用到灵动标签:模板—自动生成标签

 

CMS 数据架构图 cms数据库名称_CMS 数据架构图_08

把生成的标签复制到需要显示的页面

 

CMS 数据架构图 cms数据库名称_json_09

结合项:

在需要填入信息时应该用script:

$(document).ready(function(){
var num=parseInt($('.add_mount_num').html());
$('#goods_num').val(num);
                        var title=$("#order_text_1").html();
                        $('#goods_title').val(title);
                        var price= $("#order_section2 span").html();
                        $('#goods_price').val(price); 
 
})