天天看点

Webparts应用

Webparts 应用 qq 群:19877329 Mail: [email protected] By: jfan 20070627   大家一定有blog吧,用blog时不知有没有发现一个特别有趣,特别有个性的功能?那就是主页界面的自定义。(如果还有没玩过自己拿砖拍脑吧!再到QQ,163的blog里试试,特别有创意。) 就有人问,如何实现这样的功能呢?呵呵,不急,我有时间,前两天把这周的工作做了,本想拿杯茶边吧唧吧唧边看№§№☆☆※※&@。呵呵,发现我没有茶叶,就写这文章吧!(大吼:谁有茶?拿出来,我是来劫茶)我就用asp.net(开发环境:vs2005,mssql2000)做个demo,并把开发过程一步步写下来。 打开vs2005,在工具箱里大家能看到下图:

Webparts应用

对,这就是我们要用到的东东,不多,也不难。 引用苏老师的话: 1.         webpart可以让用户在web页面中修改页面的外观和内容,并保存下来的服务 2.         使用webpart可以让用户 l         设置网页的内容,用户可以自由的添加,删除,隐藏一个webpart。 l         设置页面显示样式,用户可以通过拖曳来获取页面的外观。 l         引入和导出控件,可以让用户自由选择功能。 l         在控件中建立联系,比如一个控件可以把另一个控件的查询结果作为显示条件(一个控件根据作者显示出一本书的名称,另外一个控件根据这些信息显示该书的部分内容) l         可以让不同权限的用户共享服务 来,第一步:运行C:/WINDOWS/Microsoft.NET/Framework/v2.0.50727/aspnet_regsql.exe用过membership的人一定知道,是不是?选了张图,其它的就不加了,麻烦(反正没钱拿,没女孩子看,要写那么好做什么?)

Webparts应用

  聪明,知道服务器(JFAN)是我的名,奖糖一颗。 在数据库,可选默认,也可选个你已建好的数据库,这我还是用默认的吧(aspnetdb)。

Webparts应用

这就是刚建的表了。 第二步:建个网站(什么不会建,交100W来,我教你。)打开web.config,加上:   < connectionStrings > < clear /> < add name = "LocalSqlServer"connectionString="data source= 你的服务器;database=aspnetdb(刚建的数据库);user id=sa;password=我的密码不告诉你 "/> </ connectionStrings >   < authentication mode = "Forms"> < forms name = "auth"loginUrl="login.aspx"( 登陆页面) timeout="30"defaultUrl="Default.aspx"(跳转页面,也就是我的主页)></forms> </ authentication > <!--             如果在执行请求的过程中出现未处理的错误,             则通过 <customErrors> 节可以配置相应的处理步骤。具体说来,             开发人员通过该节可以配置             要显示的 html 错误页             以代替错误堆栈跟踪。           <customErrors mode="RemoteOnly" defaultRedirect="GenericErrorPage.htm">             <error statusCode="403" redirect="NoAccess.htm" />             <error statusCode="404" redirect="FileNotFound.htm" />         </customErrors>         --> < webParts enableExport = "true"> < personalization defaultProvider = "AspNetSqlPersonalizationProvider"> </ personalization > </ webParts > < membership > < providers > < clear /> < add name = "AspNetSqlMembershipProvider"type="System.Web.Security.SqlMembershipProvider, System.Web, Version=2.0.0.0, Culture=neutral,PublicKeyToken=b03f5f7f11d50a3a"connectionStringName="LocalSqlServer"applicationName="/"/> </ providers > </ membership >   第三步:现可新建一个注册用户页名(newuser.aspx),呵呵,是不是有人现想,天啊,这有点麻烦,我要告诉大家的是,不麻烦,来用个 CreateUserWizard  (在登录页) 就OK了。不用写任何代码,是不是该去试试? 别走,再给张图,好让你按图索骥。

Webparts应用

(呵呵,这图不漂亮,但能说明问题就行嘛,要那么漂亮做什么,这就好比取老婆,不漂亮没关系,对你好,对家人好,不给你个绿帽就万事大吉) 第四步:新建个登陆页面(login.aspx),注册了用户为的就是登陆嘛,不然做什么,只看不“顶”啊?这就不多说了,是男人都知道要怎么做。(不知道就挥刀~~吧,喂,你做什么,别别 …… 别自宫,我不是这个意思。哎,其实我只想说挥刀斩乱麻嘛,既然你都宫了,那就算了,做不了男人做个女人也要好好过哦,不要去~~~~那个。88了,闪人) 第五步:上面啰嗦那么多,就有人扎鸡蛋过来(轻点,叫你轻点,别看了,对,就是你,鸡蛋很贵的哦,我都很久没吃过呢!等下让我拿回家炸来吃了)好,主角上场,掌声鲜花,music …… 呵呵,这步就是要建个主页面(Default.aspx)。==,还是选中说说webpart吧! 不打字了,打得手疼(5555,我是程序员,不是打字员)给大家图片吧,反正各位狼友是喜欢漂亮的图不喜欢看字的。

Webparts应用
Webparts应用
Webparts应用
Webparts应用

呵呵,图看得差不多吧,那我来了!(喂,你倒什么?我虽不能比潘安,但至少能见人吧,再说了,我这么有魅力,用得着这样吗?) 不理他了,我们GO ON, 1.       拉个dropDownList到页面 2.       拉WebPartManager到页面(必要的东东,没它你想做什么都不成功) 3.       多拉几个WebPartZone,你要几个就几个,我管不了你,呵,等下其它的控件就是放在这里面的。一定要拉哦。(我汗,拉什么拉?) 4.       拉EditorZone来,在它里面放AppearanceEditorPart,LayoutEditorPart等下这个就能编辑webpartzone里控件的属性。 5.       拉CatalogZone来,在上点右键,选“编辑模板”->“webpartstemplate”,再随便拉几个控件来。对了,有人问那些控件为什么都是显示无标题啊?这简单,到html下加个title就OK。 6.       要拉的也拉好了,行,来编码吧! 在dropDownList上加             <asp:ListItem>browse</asp:ListItem>             <asp:ListItem>catalog</asp:ListItem>             <asp:ListItem>connect</asp:ListItem> (这个有点难,先不讲,大家不要误会,我也是上午开看的,就来写这个给各位狼友。等我看懂了再来写这部分吧,一言为定,妈得,怎么搞得像山誓海盟样。丢人,闪)             <asp:ListItem>edit</asp:ListItem>    <asp:ListItem>design</asp:ListItem> 在dropDownList的SelectedIndexChanged下加上下面的代码: switch (displayDDL.SelectedValue)         {             case "browse":                 this.WebPartManager1.DisplayMode = WebPartManager.BrowseDisplayMode;                 break;             case "catalog":                 this.WebPartManager1.DisplayMode = WebPartManager.CatalogDisplayMode;                 break;             case "connect":                 this.WebPartManager1.DisplayMode = WebPartManager.ConnectDisplayMode;                 break;             case "edit":                 this.WebPartManager1.DisplayMode = WebPartManager.EditDisplayMode;                 break;             case "design":                 this.WebPartManager1.DisplayMode = WebPartManager.DesignDisplayMode;                 break;         }   晕,有人比我还懒,直接用ctrl+c,ctrl+v,I服了YOU,不过代码还是自己打遍好哦。不管你了,你这样永远都与我样,成不了软件架构师。我5555555。 都这样了,试试,看看功能都有没? 补几张图:

Webparts应用
Webparts应用
Webparts应用

  就这样吧,第一次写到这,后面的有时间再补。一定。 qq 群:19877329 Mail: [email protected]       7    http://img.photo.163.com/TFoRKgtD9FWh4D-kYZIUUg==/199847233466806223.jpg   11   http://img.photo.163.com/aQOzLDOxXPVdmuT-Jb0l-w==/200691658396929008.jpg   10    http://img.photo.163.com/qxLPTpVkST5dclLD5NPC2Q==/198439858583262055.jpg     9 http://img.photo.163.com/S7y7TSjapPsdFCd967psTA==/202661983233914327.jpg   8 http://img.photo.163.com/IaxaPCB2HWMTbI1xURYU7A==/199002808536671129.jpg   6 http://img.photo.163.com/kb_n19J0vYpPCMRdW4UCHQ==/201817558303756261.jpg   5 http://img.photo.163.com/RqrbKIkhqTFtPjFXGvxdJw==/195625108815122675.jpg   4 http://img.photo.163.com/73rGacPgjcynWROq68waTw==/200691658396926890.jpg   3 http://img.photo.163.com/Van3laNob39bBV8mQN56AA==/199847233466803976.jpg   1 http://img.photo.163.com/pkvQtAQi_hKMDjjVMPHkmw==/194217733931550366.jpg   2 http://img.photo.163.com/IQF4ld2sa7NMVOKxX7J9KA==/197876908629136505.jpg