YII2 商城系统

最新推荐文章于 2024-05-22 09:33:10 发布
最新推荐文章于 2024-05-22 09:33:10 发布
阅读量630 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JunChow520/article/details/103070860
版权

1.部署应用

1.1准备工作

操作系统：Ubuntu
YII框架：YII-1.1.18

YII框架组织结构
framework
|- base 核心组件
|- caching 缓存组件
|- db 数据库组件
|- gii 代码自动生成组件
|- logging 日志组件
|- validators 表单验证组件
|- web 应用组件

1.2创建应用

常用web应用系统

  • cms 内容管理系统
  • shop 商城系统
  • oa 办公系统
  • crm 客户关系管理系统

创建CRM应用

cd framework
//创建cms应用
./yiic webapp ../cms

注意权限不足问题，与PHP环境变量问题。

-su: ./yiic: 权限不够

应用组织结构
cms
|- assets
|- css
|- images
|- protected
---- components 组件
---- config 配置
---- controllers 控制器
---- models 模型
---- runtime 运行时文件
---- views 视图
|- themes

访问应用
localhost/cms/

1.3配置本地域名访问应用

配置Nginx多域名访问
vim /usr/local/nginx/conf/vhost/cms.cn.conf

Server
{
 listen 80;
  server_name cms.cn
  index index.html index.htm index.php default.html default.htm default.php
  root /home/wwwroot/yii.cn/cms;

  include other.conf;
  include enable-php.conf;

  location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
  {
    expires 30d;
  } 

  location ~ .*\.(js/css)?$
  {
    expires 12h;
  }

  location ~ /\;
  {
    deny all;
  }
  
  access_log /home/wwwlog/cms.cn.log;
}

添加本地域名映射
vim /etc/hosts

127.0.0.1 cms.cn

重启Ngnix服务器
service nginx restart
使用本地域名访问应用
cms.cn

YII访问需路由(router)支持，设置路由即可寻找到对应的控制器(controller)和方法(action)，默认路由为
cms.cn/index.php?r=site/index

2.用户登录模块

4933701-5f2bc62371083adb.png
userlogin

创建控制器
cms/protected/controllers/UserController.php

<?php
class UserController extends Controller
{

    public function actionLogin()
    {
        $this->renderPartial('login');
    }
}

创建视图
cms/protected/views/user/login.php

<!DOCTYPE html>
<html>
<head>
    <title>用户登录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content=""/>
    <link href="<?=CSS_URL?>/login.css" rel='stylesheet' type='text/css' />
    <script type="application/x-javascript">
        addEventListener("load", function() {
            setTimeout(hideURLbar, 0);
            }, false);
        function hideURLbar(){
            window.scrollTo(0,1);
        }
    </script>
</head>
<body>
    <h1>管理中心</h1>
    <div class="app-location">
        <h2>欢迎登录</h2>
        <div class="line"><span></span></div>
        <div class="location"><img src="<?=IMG_URL?>/location.png" class="img-responsive" alt="" /></div>
        <form>
            <input type="text" class="text" value="" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = '';}" >
            <input type="password" value="" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Password';}">
            <div class="submit"><input type="submit" onClick="myFunction()" value="登录" ></div>
            <div class="clear"></div>
            <div class="new">
                <h3><a href="#">找回密码</a></h3>
                <h4><a href="#">注册</a></h4>
                <div class="clear"></div>
            </div>
        </form>
    </div>
    <div class="copy-right">
        <p>© 2017.狮源骏琦 版权所有</p>
    </div>
    </body>
</html>

创建静态资源文件
cms/assets/default/css/
cms/assets/default/js/
cms/assets/default/img/

cms/assets/default/css/login.css

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{  vertical-align:top;}/* vertical align top */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{   display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
/****-----start-body----****/
body{
    background: #0BE093;
    font-family: 'Open Sans', sans-serif;
}
body a,form li,.submit input[type="submit"],.new h3 a,.new h4 a{
    transition: 0.1s all;
    -webkit-transition: 0.1s all;
    -moz-transition: 0.1s all;
    -o-transition: 0.1s all;
}
body h1 {
    color:#fff;
    text-align: center;
    padding: 1em 0;
    font-size: 2.9em;
}
.app-location h2{
    color: #fff;
    text-align: center;
    padding: 1em 0;
    font-size: 1.6em;
    font-weight: 300;
}
.app-location{
    width:28%;
    margin:0 auto;
    text-align: center;
    background: #323542;
    padding:4em;
}
.location {
    padding: 1em 0;
}
.line {
    position: relative;
}
.line span{
    position: absolute;
    top: 10%;
    left: 39%;
    background: #5b5c61;
    height: 1px;
    width: 20%;
}
form {
    padding: 0% 1%;
}
/*-----*/
.location img {
    margin: 2em 0;
}
.app-location input[type="text"],.app-location input[type="password"]{
    width: 81.2%;
    padding: 1.1em 1em 1.1em 4em;
    color: #858282;
    font-size: 16px;
    outline: none;
    background: #fff;
    font-weight: 500;
    border: none;
    font-family: 'Open Sans', sans-serif;
    border-radius: 0.3em;
    -o-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit- border-radius: 0.3em;
    margin:0.7em 0;
    background: url("../img/icons.png") no-repeat 14px 16px #474a55;
}
.app-location input[type="password"]{
    background: url("../img/icons.png") no-repeat 13px -61px #474a55;
}
.submit {
    margin: 1em 0;
}
.app-location input[type="submit"]{
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    cursor: pointer;
    outline: none;
    padding: 17px 15px;
    width:100%;
    border:3px solid #0bd38a;
    background: #0bd38a;
    border-radius: 0.3em;
    -o-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
}
input[type="submit"]:hover{
    background:none;
    border: 3px solid #0bd38a;
    color: #0bd38a;

}
.new {
    margin: 4em 0 1em 0;
}
.new h3{
    float:left;
}
.new h3 a,.new h4 a{
    color:#78797C;
    font-weight: 400;
    font-size: 1em;
}
.new h3 a:hover,.new h4 a:hover{
    text-decoration: underline;
}
.new h4{
    float:right;
}
/*---------------*/
.copy-right {
    padding: 3em 1em;
}
.copy-right p {
    color: #fff;
    font-size: 1em;
    font-weight:400;
    margin: 0 auto;
    text-align: center;
}
.copy-right p a {
    color: #323542;
}
.copy-right p a:hover {
    text-decoration: underline;
}
/*-----start-responsive-design------*/
@media (max-width:1440px){
    .app-location{
        width:30%;
    }
    .app-location input[type="text"],.app-location input[type="password"]{
        width: 82.2%;

    }
}
@media (max-width:1366px){
    .app-location{
        width:34%;
    }
    .app-location input[type="text"], .app-location input[type="password"] {
        width: 82.7%;
    }
    .line span{
        position: absolute;
        top:10%;
        left: 39%;
        background: #5b5c61;
        height: 1px;
        width: 20%;
    }
    body h1 {
        font-size: 2.6em;
    }

}
@media (max-width:1280px){
    .app-location {
        width: 37%;
    }

}
@media (max-width:1024px){
    .app-location {
        width: 47%;
    }

}
@media (max-width:768px){
    body h1 {
        font-size: 2.4em;
    }
    .location img {
        margin: 2em 0;
        width: 59%;
    }
    .app-location h2 {
        padding: 0.8em 0;
        font-size: 1.6em;
    }
    .line span {
        top: 10%;
        left: 39%;
        height: 1px;
        width: 20%;
    }
    .app-location {
        width: 63%;
    }
    .copy-right {
        padding: 1em 1em;
    }

}
@media (max-width:640px){
    body h1 {
        font-size: 2.1em;
    }
    .app-location {
        width: 69%;
    }
    .app-location input[type="text"], .app-location input[type="password"] {
        width: 81%;
    }
}
@media (max-width:480px){

    .app-location {
        width: 90%;
        padding: 2em 1em 1em 1em;
    }
    .copy-right p {
        font-size: 0.9em;
    }
    .new h3 a, .new h4 a {
        font-size: 0.9em;
    }
    form {
        width: 82%;
        margin: 0 auto;
    }
    .app-location input[type="text"], .app-location input[type="password"] {
        width: 76.8%;
        margin: 0.4em 0;
    }
}
@media (max-width:320px){
    .app-location {
        width: 87%;
        padding: 2em 1em 1em 1em;
    }
    body h1 {
        font-size: 1.5em;
    }
    .copy-right p {
        font-size: 0.85em;
        line-height: 1.7em;
    }
    .app-location input[type="text"], .app-location input[type="password"] {
        width:68%;
        padding: 1em 1em 1em 4em;
        font-size: 15px;
        background: url("../img/icons.png") no-repeat 14px 17px #474a55;
        background-size: 11%;
    }
    .app-location input[type="password"] {
        background: url("../img/icons.png") no-repeat 14px -41px #474a55;
        background-size: 11%;
    }
    .app-location h2 {
        padding: 0.5em 0;
        font-size: 1.2em;
    }
    .new h3 a, .new h4 a {
        font-size: 0.75em;
    }
    .new {
        margin: 2em 0 1em 0;
    }
    .line span {
        top: 10%;
        left: 35%;
        height: 1px;
        width: 29%;
    }
    .submit {
        margin: 0.5em 0;
    }
    .app-location input[type="submit"] {
        font-size: 18px;
        padding: 11px 11px;
    }
    form {
        width: 87%;
        margin: 0 auto;
    }
}

创建常量配置
cms/protected/config/constant.php

<?php
define('SITE_URL','http://cms.cn');
//自定义静态资源常量地址
define('CSS_URL',SITE_URL.'/assets/default/css');
define('JS_URL',SITE_URL.'/assets/default/js');
define('IMG_URL',SITE_URL.'/assets/default/img');

入口文件加载常量配置
cms/index.php

<?php
$yii=dirname(__FILE__).'/../framework/yii.php';
$config=dirname(__FILE__).'/protected/config/main.php';

defined('YII_DEBUG') or define('YII_DEBUG',true);
defined('YII_TRACE_LEVEL') or define('YII_TRACE_LEVEL',3);

//加载常量配置
require_once(dirname(__FILE__).'/protected/config/constant.php');

require_once($yii);
Yii::createWebApplication($config)->run();

控制器分析

用户自定义控制器->父类控制器->组件目录components->主配置文件main.php->统一入口文件index.php

用户自定义控制器均继承自Controller，父类Controller来自cms/protected/components/Controller.php。

<?php
class IndexController extends Controller
{
    public function actionIndex()
    {
        $this->renderPartial('index');
    }
}

父类Controller通过cms/protected/config/config/main.php配置加载。

// autoloading model and component classes
'import'=>array(
    'application.models.*',
    'application.components.*',
),

而主配置文件main.php在统一入口文件index.php加载。

<?php
$yii=dirname(__FILE__).'/../framework/yii.php';
$config=dirname(__FILE__).'/protected/config/main.php';

布局模板设置

自定义布局设置位于父类控制器cms/conponents/Controller.php的$layout成员属性中。

public $layout='//layouts/column1';

使用render()来渲染布局

<?php
class IndexController extends Controller
{
    public $layout = 'cms';
    public function actionIndex()
    {
        $this->render('index');
    }
}

7

JunChow520
关注
Yii2Mall:基于Yii2打造的商城系统
03-11
Yincart2银河系 电商星系系统，提供零售，批发，特卖，垂直电商，分销，O2O，C2C，移动电商，微信电商，社交电商，P2P，众筹等电商解决方案，根据需要选择不同的模块组合 结构说明 明星公民 用户中心 星团 垂直电商 星核 后台管理 明星之家 单商户/店铺主站 星物质 公用的一些类库 明星微信 微信商城 明星商人 商家后台 星图 图片空间 虚拟域名配置说明 core.dev对应star-core目录 home.dev对应star-home cluster.dev对应的star-cluster image.dev对应star-image Merchant.dev对应star-merchant .... 命名规则为xxx.dev对应star-xxx 数据库 数据库位于console / data / galaxy_latest.sql 移民 yii migration / up
yii2-shop:基于Yii2制作的电子商城
05-10
基于Yii2制作的电子商城，做了挺多优化，支持PHP7. :rocket: 基于PHP7加速Yii2，使用异步以及缓存，第三方cdn来加速页面速度，让网站起飞 特性 redis生产消费者模式异步30分钟自动取消未支付订单 前台使用缓存:普通缓存，缓存依赖，查询缓存 使用ElasticSearch作为搜索引擎，结果高亮显示 redis队列异步发送邮件 接入 sentry发送异常日志 加入 Kafka异步记录日志(自行开启) 后台RBAC权限控制 接入 支付宝 接入 七牛云,ueditor(图片自动上传七牛云) 接入 QQ互联，可以使用QQ登陆 qq和支付宝都是开发者模式，只能允许开发者使用，请自行修改成自己的再进行体验。 体验地址 要求 依赖 说明 PHP >=7 Yii 2.0.12 MySQL >=5.5 nginx 用于网址代理解析 ElasticSearch 2.4.1 Redis 3.2.10
27.yii2 商城
enlyhua的专栏
12-10 311
订单流程：   购物车：                          
shop php yii2,Yii2 开源商城 FecShop
weixin_35361243的博客
03-18 236
项目状态：项目已经开始,本项目由Terry筹划，预计到2017-05-01出来第一个正式版本。1、Fecsop介绍Fecshop 全称为Fancy ECommerce Shop，是基于php Yii2框架之上开发的一款优秀的开源电商系统，遵循OSL3.0协议，Fecshop支持多语言，多货币，架构上支持pc，手机web，手机app，和erp对接等入口，您可以免费快速的定制和部署属于您的电商系统...
yii2-shop, 使用 Yii 2.0实现简单商店的示例项目.zip
09-18
yii2-shop, 使用 Yii 2.0实现简单商店的示例项目 Yii 2商店示例项目这是实现一个商店来帮助人们学习 Yii 2.0的例子项目。 它是在 workshop 在Ekaterinburg中执行 8小时时创建的。 这个想法是展示如何处理，网格，过滤和它的他，2.0使用。 这绝对不是一个完整
基于Yii2.0框架深度重构的B2B2C多用户商城系统
04-03
ShopWind的源代码包含在名为"yii2-shopwind-master"的文件夹中，这通常意味着你可以获取到整个项目的源码，包括控制器、模型、视图、配置文件等。通过对源码的学习和研究，开发者可以深入理解系统的架构设计，进行二...
基于Yii2的企业级商城系统源码和微信小程序
05-12
基于Yii2开发，支持composer，优化核心，减少依赖，基于全新的架构思想和命名空间 * 基于命名空间和PSR-4规范，加入PHP7新特性 * 核心功能模块化，方便开发和维护 * 强化路由功能，采用RESTful接口标准 * 灵活创建...
基于Yii2的企业级商城系统源码和微信小程序.zip
06-17
源码是经过本地编译可运行的，下载完成之后配置相应环境即可使用。源码功能都是经过老师肯定的，都能满足要求，有需要放心下载即可。源码是经过本地编译可运行的，下载完成之后配置相应环境即可使用。...
php开源商城 yii,Yii2开源电商系统 fecshop
weixin_30517215的博客
03-19 407
Fecshop 全称为 Fancy ECommerce Shop，是基于一款优秀的开源电商系统，遵循OSL 3.0 协议， 系统是基于PHP的Yii2框架进行的开发，目的是为了方便 Yii2 开发者快速的开发商城，Fecshop 作为一款可以持续性发展的商城系统，在框架层面有以下特性：1. 由于商城系统的复杂性，原始的框架 MVC 结构，显的有点力不从心，Fecshop 框架加入了Block ...
Yii 2.0开发一个仿京东商城平台
04-17
分享给爱学习Yii2.0的朋友们 ...
yii2 通用后台系统
12-23
yii 2.0通用后台系统管理，实现注册登录上传用户自定义头像
基于Yii框架的PHP免费开源多店铺商城系统ShopWind V3.3.0
04-19
ShopWind一款非常不错的开源多店铺电商系统，底层结构非常优秀，适合二次开发 ShopWind是真正开源的电商系统，可以免费用于商业，无需购买授权，免于版权纠纷。ShopWind系统基于优秀的Yii2内核，系统高效、快速、专业。搭配有完善的开发文档、API接口文档，开发者可以在此基础上开发主题风格或者功能插件。商业版本增加了APP客户端（Android+iOS）、微信小程序、今日头条小程序手机H5、微商城等多覆盖多终端的完善的B2B2C电商系统。 ShopWind基于优秀的开源框架Yii2.0底层开发，采用MVC开发模式，逻辑层和视图层完美分离，拓展性高，安全性高。Yii以快速、安全、专业著称，是一个高性能、高拓展，适合开发大型WEB2.0的PHP框架，ShopWind集成了Yii框架的所有优点，是搭建电商网站，移动应用的一款不错的系统。
yii2-shop:简单店铺使用EAV(Entity-Attribute-Value)
07-08
yii2-shop 简单的商店使用 EAV（实体-属性-值）。
Yii2.0打造完整电商平台
12-08
Yii2.0打造完整电商平台Yii2.0打造完整电商平台Yii2.0打造完整电商平台
yii框架商城
03-25
yii框架商城，！！！！！！！！！！！！！！！！！！！！
php开源商城 yii,Yii2开源电商商城Fecshop
weixin_42204453的博客
03-19 344
项目状态：Fecshop开源项目已经全部开发完毕，一共六大入口：pc端(appfront),wap端(apphtml5)，后台(appadmin)，vue端(appserver)，第三方系统对接端(appapi)，后台脚本端(console)，都全部开发完毕，您可以使用Fecshop用于您的线上电商项目，Fecshop是一个功能齐全的开源电商系统，偏框架，适合程序员深入学习使用，二开比较容易，欢迎...
yii2高级模板开源商城系统实例、示例、DEMO，yii2框架学习开发必备
ShopWind的博客
07-29 1006
Yii 是一个高性能的，适用于开发WEB2.0应用的PHP框架，快速、安全、专业的PHP框架。 Yii 自带了丰富的功能，包括 MVC，DAO/ActiveRecord，I18N/L10N，缓存，身份验证和基于角色的访问控制，脚手架，测试等，可显著缩短开发时间。 Yii2官方提供免费的高级模板框架实例代码，但是功能比较简单。yii2高级模板基础上开发了一个开源商城项目，免费开源，可以用于二次开发或学习使用，看大家是否能用得上。 前台演示: test.shopwind.net 后台演示: admin.test
Yii2购物车完善
xx9090950的博客
01-24 1561
目录: 1. 完善加入购物车的提示页 2. 完善购物车的删除 3. 细节说明 之前有写了一个购物车,将会员和游客,分开.会员加车存数据库,游客加车存cookie.但是这个系统,加入购物车就会跳转至购物车页面.但是在京东等电商当中,我发现他们并不是这样处理的 京东会先跳往一个加入购物车成功的一个页面.这样做有什么好处呢 - 可以诱导用户继续购物 - 可以让cookie写入成功(
探索Yii 2 Shop示例项目：一个快速上手的电商学习平台
最新发布
gitblog_00049的博客
05-22 392
探索Yii 2 Shop示例项目：一个快速上手的电商学习平台 去发现同类优质开源项目:https://gitcode.com/ 项目介绍 Yii 2 Shop是一个精心设计的示例项目，旨在帮助开发者快速掌握Yii 2.0框架的基本应用。这个项目是在8小时的工作坊中完成的，展示了如何利用Gii生成代码，实现数据网格和过滤等功能。尽管它不是一个完整的电子商务解决方案，但它的简洁性和实用性使其成为初学者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值