073_CRM项目-市场活动添加操作2原创

所以说我们现在的这个ID啊，大家注意啊，它应该是什么，取我们当前登录用户的ID对不对，好，我们现在要做的是啊，取得当前。登录用户的ID，我把这个ID拿到了之后，给他一副值，咱们这道题是不是就写完了。好，那当前登录用户。从哪取呢？跳梁啊，三神一中取，是这样吗？好。怎么去？哎，同学说的很棒啊，一要表达式行写吧，那我现在来一个什么VR，我要来什么？来来直直直接来ID吗？啊行，你们说行的啊，那我直接这么写了啊，1284直接就这么干。我写了你以前用EL表达式都是用在哪，咱们是都是用在HTML里边，我们现在是在哪呢。

你现在可是在GS当中呢，EL表达式张嘴就来，能用吗？能用。能用，只不过大家注意啊，你这么写它肯定是错的啊，百分百是错的OK吧啊各需要注意一点啊，在JS中啊，使用什么呢？EL表达式啊，咱们的EL表达式。一定要套用在什么呢？字符串中，这个是必须的啊，否则的话啊，你整个GS就全崩了，它必须用双引号给我引起来，能记住。啊，我不加双引号这种形式我就不试验了啊，百分百不好使，能理解吧？好，那怎么取，同学们session sco.user user里边取什么点ID，我在这里边是不是把这个ID给它附上就行了。

OK啊，来，我们来试一试啊，市场活动创建好使不？老师张三是不是就是一个默认的选项啊，行，没有任何问题啊好，嗯，接下来我们再来看一看啊，这张页面还有哪些需要处理的啊，开始日期和结束日期。这两个东西啊，我们来看一看，应该是多少位来着。十位还是19位来着。年月日，年月日是这样吗？我毫不夸张的讲啊，刚才有很多同学说的是19月。你想一想啊，我们上节课刚说完，你们现在都记不住，你将来你能让客户去记这东西是几位的吗？

当你这个系统在做完了之后，你给客户进行培训啊，哎呀，我告诉你们这个开始日期和结束日期怎么填啊，他必须是十位的，而且必须是年杠月杠日，你们能不能记住啊，你告诉客户啊，你还给人演示呢啊，比如说2019年杠10月10号，你必须这么填。你告诉客户，客户能记住不？肯定记不住，你放心啊，到时候人家客户在用的时候啊，就会产生这么一种效果啊，人家真正在用到你这个系统了。刚填开始日期。哎，小张啊，我这这这这上回那个乙方那个培训员过来说，这这这东西咋填来的开始日期。好像是。年月日十分秒吧，然后那边不对不对啊，应该是什么呢？就是年月日啊，你就这么写啊，啊什么什么年点月点日就行了啊，那人家后后来给你来个什么2010年点10月10号也是十位啊。

但是不是我们要求的规范呢，是这样吗？所以说日历这种东西大家注意啊，这肯定选啊，它肯定不能是我们填的，肯定是什么呀啊，肯定是选的这个大家放心OK吧，那么我们所有的这个啊，前端UI框架啊，都给我们提供了非常非常优秀的什么呢？日历控件供我们去选择，OK吗？老师我不想用这个bootwap啊，我想。自己写一个这东西，咱们写不了这东西啊，咱们肯定写不了，OK吧，老麻烦了，那老师我自己在网上这个下载一个行不行也行，但是啊，你下载下来之后，你会惊奇的发现什么呢？你去验它，有可能它就不好使了，如果它好使，它与我们页面整体的这个风格有可能也是不搭调的，能理解吧。

OK吧，所以说啊，我们一定要用我们当前的这个UI框架啊，它自己集成的这个插件，OK吧，对于我们的boot strap啊，它所集成的这个日历插件啊，叫做日期时取器啊。我们来查一查啊。Bootup。看看是不是首页啊，往下翻就是插件啊。嗯。嗯。啊，哎。哎，这回还翻的挺快的啊，大家注意看啊，这东西叫什么daytime peer啊，叫做日期时间选择器，但是从这个英文翻译过来叫做日历baer什么意思？拾取器，OK吧，好。

这个东西啊，简单的带大家看一看啊，你看看啊，咱们从总体看一看人家这个风格，你看这个风格是不是跟我们BOO整体这个风格是非常贴合的。是这样吗？好，那具体这个代码啊，不用你去研究啊，同学们，但是你得给我知道一点是什么呢，他跟我们那个JDK中的那个啊，标准的那个格式化，日期格式化不太一样啊，人家这个是啥呢。你看这个MM是不是小写的，而且人家这个十分秒十也是小写的。分什么呢？哎哎，看到没不一样。OK吧，好，不一样啊。

好，那么下边呢，这这个这个基本用法啊，基本用法你不用去管它OK吧啊在这一点呢，这个老师给大家这个提成好的一个这个小版本啊，同学们直接拿来这个使用就行了，那最终这个咱们调的这个daytime picker啊，就是我们这个日期拾取器啊，给我们这个制定好的一个方法，OK吧啊只要调这个方法啊就可以了啊，至于插件这种东西啊，我们这个阶段要学几个，但是插件呢，都是我们的前端UI框架给我们提供好的，OK吗？框架的内容不需要你去背。OK吧啊，不需要你去背，除了我告诉你不需要你去背，不要求你独立写，你可以复制粘贴的，其他的一概得给我能自己写下来，OK吧啊，这是必须的啊好，我们现在啊来看一看这个日历的这个控件啊，同学们。在我们的杰克RY下边，注意看同学们是不是有了一个啊。

好，来看看里边有一个CSS，有一个JS，有一个local，那作为日历来讲的话，可以对它样式有一个描绘，OK吗？那对于JS属于我们选中日历的这个行为，是这样吗？Local什么意思呢？这省会。是相当于就是咱们那个语言包啊。对吧，也就是说啊，你这个插件啊，基本上啊，离不开这三个，一个是描述插件样式的，一个是描述插件行为呢，是这样吗？一个是用来描述插件的什么呢？语言的OK吧，你看我们现在导入这个语言包，就说叫这个ZHCN呢。啊，是中文的语言包里边都是什么呢？啊，咱们中文的星期几或者周几周几OK吧，那如果咱们导入的是一个英文的语言包呢，这应该就是什么呢。

那就什么Sunday Monday？Tuesday啊之类的，对不对，那如果导入的是一个日文的这个语言包，那这就什么呢。哎，什么金木水火土之类的是吧，好所以说啊，我们这个使用的这个语言包也是这个很重要的啊，啊一起这个下载下来了，OK吧，好，那么在此处呢，我给你的这个页面啊，这个日历的这个控件已经给大家导入好这块啊值得需要说明一个地方，大家注意看啊，我们最用到最核心的其实是这个GS，看到没。这个JS啊，我想说的是这个啊，如果我这个JS我给它扔到上面行不行。回到这个最上面看行不行。这个是咱们肯定是核心啊，Daytime picker啊，日历持续系的这个GS，咱们主要用的是这个GS中的方法，对不对，我也扔到上面行不行。也就是说啊，有很多同学在这个做项目的时候啊，老师啊，我的东西，我的代码跟你的一模一样。

就一丝一毫都不带差的啊，然后呢，你加载的东西我也加载了，你引的JS我也引了，你的就是好使，我的就是不好使。为啥呢？你就没有在意你导入这个插件的这个顺序，那大家注意啊，为什么说它必须放在下面呢？你看看对于我们这个插件的这个加载，其实也是按照从上到下的顺序来的，看到没？OK吧，一定要先加载谁呢？大家注意看啊，我们一定要CSS，咱不管，能理解吧，样式怎么描绘咱不管啊，咱就看行为啊，一定要先有谁呢？咱们的这个do特JS是不是有很多行为是基于。对吧，你先要解扣才能有bootp，有了boot之后，咱们是不是才能有它的这个插件。

就相当于是不是得先有主体再有什么呀，再有补充啊。能理解吧，所以说你先有补充就不行，那比如说你玩一个那个吃鸡那个游戏，比如说咱们来一个扩展包，来一个新地图，很多新武器，你是不是事先你得有这个游戏的主体啊，你才能把这个扩展包加入进来啊，能理解吧，好。这点需要注意了啊，行，至于咱们这个日历的这个控件啊，咱们直接粘过来用就行了啊。啊，这一点啊，不要求大家去背啊，咱们直接年月日，你就粘它带年月日十分秒的，你就粘上面了啊，咱们是不是年月日就行了，对不对。好啊，既然我写的是点，那将来我引这个太王应该用什么来引呢？

我要写井号，咱咱都认识，用ID吧点儿呢，Class，那为什么这块我没有用ID呢？因为我是不是有多处都需要引这个time对不对？好，这个方法是我写的吗？这可不是我写的，这谁写的同学们？谁写的，是不是咱们这点GS写的，咱们件写的，咱们导入插件直接用就行了，OK吧，好这点需要注意啊，这是咱们原包，然后format是属于格式化成年月日就行了，对不对，需要注意的是这个月啊。啊，咱们是小写的mm OK吧，好，下面这这两个错啊表示你看啊，Today其实是我们能看得出来的啊，表示的是什么呢？就是属于关闭的按钮和显示今天的这个按钮，OK吧，然后下边这个啊，表示的是我这个啊，啊日历控件显示的这个位置，OK吧，好，那么我们现在来引入这个time就行了。

都哪块小，也来看看。开始日期和结束日期应该在class里边也对不对，但这class人家以前已经有了。有那种？我要把以前人这内容干掉吗？那拉内容干掉没有样式了，对不对，来个什么就行了，是空格就行了，咱们说加我们自己的这个time。不要，不要回忆，没事啊，不要去回忆现在，从现在开始记忆就行了。好吗？好，也就是说我们需要同时为class加入多项信息啊，用空格进行分割就行了，OK吧，那下边呢，这个结束日期呢。空格什么？Time就行了，OK啊行，咱们回忆回忆这个插件怎么加的啊，第一步什么。

第一步咱们肯定在这个解Q里边是不导入这个插件pick对不对，第二步在你的页面上加载。这个插件啊，其中有相关的CSS，以及我的GIS，还有一个语言包，是这样吗？第三项啊，咱们直接啊调用daytime pick这个方法，把我们这个日历空件做出来，是这样吗？啊最后呢，你在哪用，你就直接引这个class就行了，对吧，好来创建。好吧。OK了。啊，他肯定是全的啊，OK吧，包括这些东西啊，都是能点的OK吧，结束日期啊，咱们随便说随便随便点一个啊好使吧，开始日期到这个结束日期，但是呢，呃，也有很多这个不按照这个规范的人来啊，就比如说在这儿啊，我直接给他点没了，我自己随便乱填。

咋办呢？啊，有没有招咱们让他只能选它不能填呢？我是不是应该让这个文本框给它变成什么样只读啊，啊只读加上什么read only是这样吗？这个东西啊，就自己去扩充了啊，太简单了，OK吧，好，那这回你不能少填了，你就只能选了啊，OK吧啊只能选好吧啊这这这这种东西我就不填了啊，我嫌这个框太黑了。啊，这种东西啊，你可以自己填一下OK吧，好，那么接下来呢，我们就来做今天的这个最后一个功能了啊添加操作，添加操作很明显啊，是不是要提交我们现在这张表单呢。那对于提交表单的操作来讲很简单，点个按钮submit是不是就行了，但是现在呢，你想一想，如果你按照之前的那种啊，点击submit按钮的形式，咱们是不是发出的肯定是一个传统请求，但现在我想发一个什么呢？阿贾克斯请求，也就是说从我点击这个保存。

到后台执行真正的音色的添加操作，执行完添加操作，到我关闭这个模态窗口，到我最后刷新这个列表的这一部分，它都是一个什么呢？局部刷新的过程能理解吧，也就是说啊，整个这张页面啊，我顶多刷一下这个列表，其他的地方咱是保持不动的。OK吧，所以说啊，这是我们第一次以阿贾克斯的形式来提交表单，是这样吗？好，来试一试啊。