推广 热搜: csgo  vue  angelababy  2023  gps  新车  htc  落地  app  p2p 

购物商城数据库设计:商城购物

   2023-03-28 网络整理佚名2220
核心提示:用户从浏览器进入商城系统首先展示的是商城首页,而且我利用了Vue的组件化开发,路由切换即页面局部渲染的改变。我制作的商城,在切换其他页面例如详情页、购物车时,头部和尾部都不发生变化,只有中间部分渲染为对应点击的内容。首页分布有大部分主要功能的按钮例如用户登陆注册、购物车、订单、商品搜索、分类,所以首页是商城功能点击触发

用户从浏览器进入商城系统购物商城数据库设计购物商城数据库设计,首先显示的是商城首页,而我使用的是Vue的组件化开发,路由开关就是页面局部渲染的变化。 在我做的商城中,切换详情页、购物车等其他页面时,头部和尾部都没有变化,只有中间部分被渲染为点击对应的内容。

商城数据库表设计_商城购物_购物商城数据库设计

首页的大部分主要功能都有按钮,如用户登录注册、购物车、下单、商品搜索、分类等,所以首页是点击商城功能触发的主页面。 并且首页还有热门商品轮播展示、频道广场、商品推荐等模块。

商城购物_商城数据库表设计_购物商城数据库设计

商城购物_商城数据库表设计_购物商城数据库设计

商城数据库表设计_商城购物_购物商城数据库设计


cript>
import Header from '../children/Header'
import Nav from '../children/Nav'
import Footer from '../children/Footer'
export default {
  name: 'Home',
  components: {
    Header,Nav,Footer
  },
  provide () {                                          
    return {
      pagesReload: this.pagesReload                                              
    }
  },
  data(){
        return{
            flag:false,
            isRouterAlive: true 
        }
    },
    created() {
        // 判断是否登陆后,修改隐藏登陆注册选项的标志
        if(sessionStorage.getItem("userName")){
            this.flag = true
        }
        else{
            this.flag = false
        }
    },
    methods: {
        //Login组件调动父组件事件,登陆后隐藏登陆注册选项
        islogin(){
            this.flag = true
        },
        // 刷新页面
        pagesReload(){
          this.isRouterAlive = false;            //先关闭,
          this.$nextTick(function () {
            this.isRouterAlive = true;         //再打开
          })
        }
    }
}
cript>

#Home{
  height:100%;
}
.main{
  
    min-height:100%;
    padding-bottom: 110px;
}

购物商城数据库设计_商城购物_商城数据库表设计

 
标签: 购物商城 商城
反对 0举报 0 收藏 0 打赏 0评论 0
 
更多>同类资讯
推荐图文
推荐资讯
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报
Powered By DESTOON