怎么左边的栏目那么窄

怎么左边的栏目那么窄

<body>

 <table width="100%" bgcolor="#CCCCCC">

 

    <tr height="80px" bgcolor="#000000"> <td></td> </tr>   <!--页头-->

    <tr><td></td> </tr> <!--上空行头-->

    <tr><td>

    <table align="center" width="1024px"> 

    <tr>

    <td width="240px" bgcolor="#00CC99">

      <table>

      <tr><td>关于我们</td></tr>

      <tr><td>关于我们</td></tr>

      <tr><td>关于我们</td></tr>

      <tr><td>关于我们</td></tr>

      <tr><td>关于我们</td></tr>

      <tr><td>关于我们</td></tr>

      <tr><td>关于我们</td></tr>

      <tr><td>关于我们</td></tr>

      

      

      </table>

    

    

    

    

    </td>   <!--左内容-->

    <td width="20px" bgcolor="#CC6600"></td>  <!--左内容-->

    <td width="764px" bgcolor="#FFCC66"><pre>

    背景

org.springframework.beans及org.springframework.context这两个包是Spring IoC容器的基础,

其中重要的类有BeanFactory,BeanFactory是IoC容器的核心接口,其职责包括:实例化、定位、配置应用程序中的

对象及建立这些对象间的依赖关系。

ApplicationContext作为BeanFactory的子类,在Bean管理的功能上得到了很大的增强,也更易于与Spring AOP集成使用。

今天我们要讨论的并不是BeanFactory或者ApplicationContext的实现原理,而是对ApplicationContext的一种实际应用方式。

问题的提出

在实际工作中,我们经常会遇到一个接口及多个实现类的情况,并且在不同的条件下会使用不同的实现类。从使用方式上看,有些类似SPI的用法,

但是由于SPI的使用并不是太方便,那么怎么办呢?我们可以借助ApplicationContext的getBeansOfType来实现我们需要的结果。

首先我们看一下这个方法的签名

<T> Map<String, T> getBeansOfType(Class<T> type) throws BeansException;

从上面的代码上我们可以看出来这个方法能返回一个接口的全部实现类(前提是所有实现类都必须由Spring IoC容器管理)。

接下来看看我们遇到的问题是什么?

"假设从A点到B点有多种交通方式,每种交通方式的费用不同,可以根据乘客的需要进行选择"(好吧,我承认这是个非常蹩脚的需求,

但是可以联想一下类似的需求,比如支付方式、快递公司,在页面提供几个选项,业务代码根据选项的不同选择不同的实现类实例进行调用)。

实现

回到我们的例子,按照这个交通方式的需求,我们的设计如下:有一个交通方式的接口,接口有两个方式,一个查询费用、一个查询该交通方式的类型,同时,我们可以用一个枚举类型类标识交通类型。

我们还需要一个工厂类来根据交通类型标识查找该交通类型的Bean实例,从而使用该实例,获得交通类型的详细信息及该交通类型的操作。

图片描述

代码如下:

接口:

/**

 * 交通方式

 */

public interface TrafficMode {


    /**

     * 查询交通方式编码

     * @return 编码

     */

    TrafficCode getCode();


    /**

     * 查询交通方式的费用,单位:分

     * @return 费用

     */

    Integer getFee();


}

枚举:

/**

 * 交通类型枚举

 */

public enum TrafficCode {


    TRAIN,

    BUS


}

接口有两个实现类:

/**

 * 汽车方式

 */

@Component

public class BusMode implements TrafficMode {


    @Override

    public TrafficCode getCode() {

        return TrafficCode.BUS;

    }


    @Override

    public Integer getFee() {

        return 10000;

    }


}

/**

 * 火车方式

 */

@Component

public class TrainMode implements TrafficMode {


    @Override

    public TrafficCode getCode() {

        return TrafficCode.TRAIN;

    }


    @Override

    public Integer getFee() {

        return 9000;

    }


}

工厂类:

/**

 * 交通方式工厂类

 */

@Component

public class TrafficModeFactory implements ApplicationContextAware {


    private static Map<TrafficCode, TrafficMode> trafficBeanMap;


    @Override

    public void setApplicationContext(ApplicationContext applicationContext) throws BeansException {

        Map<String, TrafficMode> map = applicationContext.getBeansOfType(TrafficMode.class);

        trafficBeanMap = new HashMap<>();

        map.forEach((key, value) -> trafficBeanMap.put(value.getCode(), value));

    }


    public static <T extends TrafficMode> T getTrafficMode(TrafficCode code) {

        return (T)trafficBeanMap.get(code);

    }


}

验证


作者: moocer 

链接:http://www.imooc.com/article/17263

来源:慕课网

本文原创发布于慕课网 ,转载请注明出处,谢谢合作!

</pre></td>   <!--左内容-->

    </tr>

    </table>

    </td></tr>

    <tr><td></td> </tr><!--下空行-->

    <tr><td height="80px" bgcolor="#000000"></td></tr><!--页尾-->

 </table>

</body>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
小丸子爱吃菜 2017-04-05 14:24:45

老师的代码中将table的宽度设置了100%,你写100%也行,直接写像素值也可以。

http://img1.sycdn.imooc.com/climg//58e48da8000187e005350343.jpg

小丸子爱吃菜 2017-04-04 19:41:28

将左边栏中的table宽度设置的大一点就可以了

http://img1.sycdn.imooc.com/climg//58e3865500019ea803490201.jpg

祝学习愉快!

  • 提问者 慕粉2206108688 #1
    这是嵌套的表格,上面td的width不是设置了240px 吗,老师这样写就可以,怎么我不行的呀
    2017-04-04 20:43:20
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师