用webparts个性化定制自己的网店风格(三)

非常抱歉这么长时间才发一篇,每天很忙。。。希望大家谅解。。。

上次说到数据库以及配置文件,那么接下来我们就要真正的接触webparts了,首先新建一个网站,从工具箱找到webparts用webparts个性化定制自己的网店风格(三)_第1张图片首先拖一个webpartmanager到页面,并且保证它在其他webparts控件的最上面,然后根据自己想要的布局,在里面放webpartzone,我这里做个简单的例子我就直接建一个一行三列的表,webpartmanager只能有一个,webpartzone可以有多个,webpartzone就相当于一个容器,里面可以放好多控件和用户控件,这些控件可以在多个webpartzone里互相拖动。在前两列中,每列都放一个webpartzone,在第一列的webpartzone里我们放一个登录控件用webparts个性化定制自己的网店风格(三)_第2张图片为什么我们要放登录控件呢,webparts的机制是只有验证过的用户才有权限对页面进行编辑(拖动、编辑、最小化、关闭等),但是也不一定就要放登录控件,那如果我们已有的网站有登录功能,但不是登录控件,那我们就要自己验证了,在页面的加载事件里判断即可。在第二列中的webpartzone里放一个下拉框用webparts个性化定制自己的网店风格(三)_第3张图片,下拉框里有这么几种模式供我们切换来对页面进行操作,在下拉框的事件里用webparts个性化定制自己的网店风格(三)_第4张图片,第三列我们放添加部件的控件,即:catalogzone,它里面放的是 <asp:DeclarativeCatalogPart runat="server">
                </asp:DeclarativeCatalogPart>
                <asp:PageCatalogPart runat="server">
                </asp:PageCatalogPart>
                <asp:ImportCatalogPart runat="server">
                </asp:ImportCatalogPart>当我们选择下拉框里的添加部件的时候弹出用webparts个性化定制自己的网店风格(三)_第5张图片部件目录里的这么多模块选项就是关闭后的模块,在这里我们可以选择模块显示到相应的webpartzone里,在第三列里添加EditorZone,在该zone里添加这几个控件用webparts个性化定制自己的网店风格(三)_第6张图片当我们选择下拉框里的编辑模式的时候用webparts个性化定制自己的网店风格(三)_第7张图片这是页面,点击编辑用webparts个性化定制自己的网店风格(三)_第8张图片

编辑区有一些对模块编辑的属性,大家说了,怎么这么难看啊,不急,下面我们就给控件穿上衣服,去vs里的设计界面用webparts个性化定制自己的网店风格(三)_第9张图片这里套用格式,其他编辑控件一样的道理,这样套用的格式就是写死的,如果想实现换肤的功能我们还要用到新的知识,那就是web2.0里的主题,也许有朋友用过,我在这里简单说一下怎么添加主题,网站上右键,添加asp.net文件夹-主题,在主题下面添加外观文件,在外观文件里写各个控件,每一个主题就相当于一个皮肤,用webparts个性化定制自己的网店风格(三)_第10张图片,.skin里用webparts个性化定制自己的网店风格(三)_第11张图片怎么调用不同的主题就得做一个功能了,用户选择不同的皮肤,切换不同的主题样式。这里不多说。。。今天就先写这么多

你可能感兴趣的:(part)