array(2) { ["docs"]=> array(10) { [0]=> array(10) { ["id"]=> string(3) "428" ["text"]=> string(77) "Visual Studio 2017 单独启动MSDN帮助（Microsoft Help Viewer）的方法" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(8) "DonetRen" ["tagsname"]=> string(55) "Visual Studio 2017|MSDN帮助|C#程序|.NET|Help Viewer" ["tagsid"]=> string(23) "[401,402,403,"300",404]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400964" ["_id"]=> string(3) "428" } [1]=> array(10) { ["id"]=> string(3) "427" ["text"]=> string(42) "npm -v；报错 cannot find module "wrapp"" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(4) "zzty" ["tagsname"]=> string(50) "node.js|npm|cannot find module "wrapp“|node" ["tagsid"]=> string(19) "[398,"239",399,400]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400760" ["_id"]=> string(3) "427" } [2]=> array(10) { ["id"]=> string(3) "426" ["text"]=> string(54) "说说css中pt、px、em、rem都扮演了什么角色" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(12) "zhengqiaoyin" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400640" ["_id"]=> string(3) "426" } [3]=> array(10) { ["id"]=> string(3) "425" ["text"]=> string(83) "深入学习JS执行--创建执行上下文（变量对象，作用域链，this）" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "Ry-yuan" ["tagsname"]=> string(33) "Javascript|Javascript执行过程" ["tagsid"]=> string(13) "["169","191"]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511399901" ["_id"]=> string(3) "425" } [4]=> array(10) { ["id"]=> string(3) "424" ["text"]=> string(30) "C# 排序技术研究与对比" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(9) "vveiliang" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(8) ".Net Dev" ["catesid"]=> string(5) "[199]" ["createtime"]=> string(10) "1511399150" ["_id"]=> string(3) "424" } [5]=> array(10) { ["id"]=> string(3) "423" ["text"]=> string(72) "【算法】小白的算法笔记：快速排序算法的编码和优化" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(9) "penghuwan" ["tagsname"]=> string(6) "算法" ["tagsid"]=> string(7) "["344"]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511398109" ["_id"]=> string(3) "423" } [6]=> array(10) { ["id"]=> string(3) "422" ["text"]=> string(64) "JavaScript数据可视化编程学习（二）Flotr2，雷达图" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "chengxs" ["tagsname"]=> string(28) "数据可视化|前端学习" ["tagsid"]=> string(9) "[396,397]" ["catesname"]=> string(18) "前端基本知识" ["catesid"]=> string(5) "[198]" ["createtime"]=> string(10) "1511397800" ["_id"]=> string(3) "422" } [7]=> array(10) { ["id"]=> string(3) "421" ["text"]=> string(36) "C#表达式目录树（Expression）" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(4) "wwym" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(4) ".NET" ["catesid"]=> string(7) "["119"]" ["createtime"]=> string(10) "1511397474" ["_id"]=> string(3) "421" } [8]=> array(10) { ["id"]=> string(3) "420" ["text"]=> string(47) "数据结构 队列_队列实例：事件处理" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "idreamo" ["tagsname"]=> string(40) "C语言|数据结构|队列|事件处理" ["tagsid"]=> string(23) "["246","247","248",395]" ["catesname"]=> string(12) "数据结构" ["catesid"]=> string(7) "["133"]" ["createtime"]=> string(10) "1511397279" ["_id"]=> string(3) "420" } [9]=> array(10) { ["id"]=> string(3) "419" ["text"]=> string(47) "久等了,博客园官方Android客户端发布" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(3) "cmt" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511396549" ["_id"]=> string(3) "419" } } ["count"]=> int(200) } 222 前台系统（前台商城首页） - 爱码网

前台系统（前台商城首页）

1课程计划

1、前台系统搭建

2、商城首页展示

3、Cms系统的实现

        a) 内容分类管理

        b) 内容管理

4.前台内容动态展示

2商城首页展示

系统架构：

前台系统（前台商城首页）

页面位置：

前台系统（前台商城首页）

2.1工程搭建

E3-portal-web(war)

可以参考e3-manager-web工程搭建

前台系统（前台商城首页）

前台系统（前台商城首页）

前台系统（前台商城首页）

复制pom文件改tomcat端口，配置文件（删除图片服务器配置文件，清空resource.properties）

前台系统（前台商城首页）

修改spring-mvc配置文件包名防止依赖时冲突

前台系统（前台商城首页）

创建包 cn.e3mall.portal.controller

配置/全部拦截时加入(否则删除)：

前台系统（前台商城首页）

删除上传等配置如下：

前台系统（前台商城首页）

2.2功能分析

复制ec-manager-web web.xml

配置修改配置工程名、视图解析器名为ec-manager-portal

前台系统（前台商城首页）

前台系统（前台商城首页）

复制页面到工程下：

前台系统（前台商城首页）

请求的url：/index

Web.xml中的欢迎页配置：

前台系统（前台商城首页）

前台系统（前台商城首页）

http://localhost:8082/index.html

参数：没有

返回值：String 逻辑视图

@Controller

public class IndexController {

 

      @RequestMapping("/index")

      public String showIndex() {

            return "index";

      }

}

 

前台系统（前台商城首页）

3首页动态展示分析

内容信息要从数据库中获得

3.1动态展示分析

1.内容需要进行分类

2.分类下有子分类，需要动态管理。

3.分类下有内容列表

4.单点的内容信息

       a) 有图片

       b) 有链接

       c) 有标题

       d) 有价格

       e) 包含大文本类型，可以作为公告

需要一个内容分类表和一个内容表。内容分类和内容表是一对多的关系。

 

内容分类表，需要存储树形结构的数据。

内容分类表：tb_content_category

前台系统（前台商城首页）

内容表：tb_content

前台系统（前台商城首页）

需要有后台来维护内容信息。Cms系统。

 

需要创建一个内容服务系统。可以参考e3-manager创建。

E3-content：聚合工程打包方式pom

|--e3-content-interface jar

|--e3-content-Service  war

 

4内容服务系统创建

4.1工程搭建

可以参考e3-manager工程搭建。

前台系统（前台商城首页）

前台系统（前台商城首页）

前台系统（前台商城首页）

前台系统（前台商城首页）

前台系统（前台商城首页）

前台系统（前台商城首页）

前台系统（前台商城首页）

4.2E3-content

4.2.1Pom文件

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

      xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">

      <modelVersion>4.0.0</modelVersion>

      <parent>

            <groupId>cn.e3mall</groupId>

            <artifactId>e3-parent</artifactId>

            <version>0.0.1-SNAPSHOT</version>

      </parent>

      <groupId>cn.e3mall</groupId>

      <artifactId>e3-content</artifactId>

      <version>0.0.1-SNAPSHOT</version>

      <packaging>pom</packaging>

      <dependencies>

            <dependency>

                  <groupId>cn.e3mall</groupId>

                  <artifactId>e3-common</artifactId>

                  <version>0.0.1-SNAPSHOT</version>

            </dependency>

      </dependencies>

      <!-- 配置tomcat插件 -->

      <build>

            <plugins>

                  <plugin>

                        <groupId>org.apache.tomcat.maven</groupId>

                        <artifactId>tomcat7-maven-plugin</artifactId>

                        <configuration>

                              <port>8083</port>

                              <path>/</path>

                        </configuration>

                  </plugin>

            </plugins>

      </build>

</project>

 

4.3 e3-content-interface

4.3.1 Pom文件

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

      xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">

      <modelVersion>4.0.0</modelVersion>

      <parent>

            <groupId>cn.e3mall</groupId>

            <artifactId>e3-content</artifactId>

            <version>0.0.1-SNAPSHOT</version>

      </parent>

      <artifactId>e3-content-interface</artifactId>

      <dependencies>

            <dependency>

                  <groupId>cn.e3mall</groupId>

                  <artifactId>e3-manager-pojo</artifactId>

                  <version>0.0.1-SNAPSHOT</version>

            </dependency>

      </dependencies>

</project>

 

4.4 e3-content-service

4.4.1 Pom文件

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

      xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">

      <modelVersion>4.0.0</modelVersion>

      <parent>

            <groupId>cn.e3mall</groupId>

            <artifactId>e3-content</artifactId>

            <version>0.0.1-SNAPSHOT</version>

      </parent>

      <artifactId>e3-content-service</artifactId>

      <packaging>war</packaging>

      <dependencies>

            <dependency>

                  <groupId>cn.e3mall</groupId>

                  <artifactId>e3-manager-dao</artifactId>

                  <version>0.0.1-SNAPSHOT</version>

            </dependency>

            <dependency>

                  <groupId>cn.e3mall</groupId>

                  <artifactId>e3-content-interface</artifactId>

                  <version>0.0.1-SNAPSHOT</version>

            </dependency>

            <!-- spring的依赖 -->

            <!-- Spring -->

            <dependency>

                  <groupId>org.springframework</groupId>

                  <artifactId>spring-context</artifactId>

            </dependency>

            <dependency>

                  <groupId>org.springframework</groupId>

                  <artifactId>spring-beans</artifactId>

            </dependency>

            <dependency>

                  <groupId>org.springframework</groupId>

                  <artifactId>spring-webmvc</artifactId>

            </dependency>

            <dependency>

                  <groupId>org.springframework</groupId>

                  <artifactId>spring-jdbc</artifactId>

            </dependency>

            <dependency>

                  <groupId>org.springframework</groupId>

                  <artifactId>spring-aspects</artifactId>

            </dependency>

            <dependency>

                  <groupId>org.springframework</groupId>

                  <artifactId>spring-jms</artifactId>

            </dependency>

            <dependency>

                  <groupId>org.springframework</groupId>

                  <artifactId>spring-context-support</artifactId>

            </dependency>

            <!-- dubbo相关 -->

            <dependency>

                  <groupId>com.alibaba</groupId>

                  <artifactId>dubbo</artifactId>

                  <!-- 排除依赖 -->

                  <exclusions>

                        <exclusion>

                              <groupId>org.springframework</groupId>

                              <artifactId>spring</artifactId>

                        </exclusion>

                        <exclusion>

                              <groupId>org.jboss.netty</groupId>

                              <artifactId>netty</artifactId>

                        </exclusion>

                  </exclusions>

            </dependency>

            <dependency>

                  <groupId>org.apache.zookeeper</groupId>

                  <artifactId>zookeeper</artifactId>

            </dependency>

            <dependency>

                  <groupId>com.github.sgroschupf</groupId>

                  <artifactId>zkclient</artifactId>

            </dependency>

      </dependencies>

</project>

 

4.5 框架整合

复制配置文件：

前台系统（前台商城首页）

修改applicationContext-service.xml 包名防止打包到maven仓库引入冲突：

前台系统（前台商城首页）

创建e3-content-interface工程包：cn.e3mall.content.service

创建 e3-content-service工程包：cn.e3mall.content.service.impl

前台系统（前台商城首页）

修改工程名和dubbo服务端口：

前台系统（前台商城首页）

修改applicationContext-trans.xml事务配置：

前台系统（前台商城首页）

复制e3-manager-service web.xml 修改：

前台系统（前台商城首页）

参考e3-manager

4.6 dubbo发布使用tocmat

前台系统（前台商城首页）

前台系统（前台商城首页）

前台系统（前台商城首页）

相关文章：

猜你喜欢
相关资源
相似解决方案
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode