ThinkSNS二次开发ThinkSNS实战开发第9讲自定义Widget入门及实战.ppt

北风网项目实战培训,9.ThinkSNS网站自定义Widget入门与实战开发,讲师：鲁国行人甲（北风网版权所有),ThinkSNS v3 二次开发教程,阶段课程简介与课程目标,课程简介： 从本讲起开始涉及二次开发的相关课程，在掌握了前几讲的基础下继续深入了解如何进行基本的二次开发实战。掌握基础和简单的定制化开发 课程目标（第二阶段） 掌握ThinkSNS的系统架构和应用架构 目录 掌握ThinkSNS中基础的widget和js使用方法 如何使用官方提供的规范或者类库 Ajax 数据库核心表结构的相关介绍 用户 评论 微博 应用 语言切换 ThinkSNS中MVC、Widget、JavaScript的详细使用 ThinkSNS后台开发入门 实战定制化开发如多语言切换、权限节点和修改积分系统等。,ThinkSNS Widget组件课程简介,了解Widget设计原则 掌握Widget目录结构 在Widget中使用JavaScript脚本和Model模型 Widget在应用中的开发 核心Widget熟悉与练习,ThinkSNS Widget设计原则,独立的、轻量级的，对数据库压力小的功能可以做成widget。例如关注推荐不适合做成Widget。 重复使用的功能块可以做成widget。例如评论列表、评论发布框等。,ThinkSNS Widget目录结构,1、全站通用的Widget统一放在addons/widget目录下 :W(Widget名称,array(参数) 2、每个Widget自成一个目录 目录内文件的形式，例如： FeedListWidget/ 微博列表组件 FeedListWidget.class.php /必须，该文件为Widget调用时执行的文件 FeedList.html /可选，名字根据PHP文件中设定可任意修改，为Widget渲染的模板 PS：应用内部的Widget将建立在apps/应用app/Lib/Widget目录下,在Widget中使用JS和Model,1. JavaScript访问Widget Thinksns的Widget可以直接通过URL访问，所以在JavaScript中post提交的时候可以直接提交到widget中的某个方法 地址写法与普通action一致 如：U(widget/SearchUser/Widget) 如下例子： $.post(U(widget/SearchUser/search),key:user,follow:_this.follow,function(msg)/return true; 2.widget调用JavaScript与普通的模板内写法一致,在Widget中使用JS和Model,Widget是一个可以独立调用的功能，它与Model的结合与Action一致。 Widget的调用 1、在模板中。例如:W(FengList) 2、在Js中访问Widget中的方法。 3、在应用中也使用全局访问方法。,在应用中开发Widget,1、widget目录的设立 如通讯录下的添加联系人widget建立： 1、创建contact/Widget/addContactWidget目录 2、创建php脚本：addContactWidget.class.php 3、创建模板：add.html（可以自由定义）,在应用中开发Widget,2、widget的使用,ThinkSNS二次开发：基于PHP实战ThinkSNS