晚上学习了下拉框、日历、pannel控件的使用，这几个控件看上去好像没有之前的一些控件那么简单，但是使用起来还是很方便。使用完了后，才发现真的和之前的几种控件差不多。


最了一个小小的模块：每日签到填写心情模块。

主要功能有：

1. 点击日历可以填写签到日期，并在签到内容中自动添加；

2. 可以选择心情，已经写好三种心情供选择。只需要选择一下就可以自动把心情填写到今日心情展示模块中，使用起来很方便。

3. 手动填写心情。手懂填写的时候可以和日期、选择的心情一起自动填写到心情展示区。

4. 历史心情区隐藏功能。点击隐藏可以隐藏历史心情，界面变得干净。

5. 清除所有历史心情功能。（目前此功能没有做好，只添加了一个按钮。）

最终效果图如下：

下面来分别看各个模块的实现方法：

日历功能：

//引用选择的日期，将日期发送到临时变量中。protectedvoidCalendar_Date_SelectionChanged(objectsender,EventArgse)

2. 选择心情功能区：

//选择心情控件：protectedvoidDropDownList1_SelectedIndexChanged(objectsender,EventArgse)

3. 手动填写心情区：

//写心情：protectedvoidTextBox_WriteMood_TextChanged(objectsender,EventArgse)

4. 提交心情区：

//提交心情控件，点击提交按钮时发表心情。protectedvoidButton_SubmitMood_Click(objectsender,EventArgse)

5. 隐藏历史心情区：

//设置一个按钮，隐藏历史心情，pannel的Visible功能。protectedvoidButton_HideHisMood_Click(objectsender,EventArgse)

6. 清除历史心情区：

//此区域目前没有做好。

综上所有代码如下：

usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;namespaceWebApplication1{publicpartialclassWebForm1:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){}//引用选择的日期，将日期发送到临时变量中。protectedvoidCalendar_Date_SelectionChanged(objectsender,EventArgse){Label_DateTmp.Text=Calendar_Date.SelectedDate.Year.ToString()+"年"+Calendar_Date.SelectedDate.Month.ToString()+"月"+Calendar_Date.SelectedDate.Day.ToString()+"号:";}//选择心情控件：protectedvoidDropDownList1_SelectedIndexChanged(objectsender,EventArgse){Label_temp.Text=DropDownList1.SelectedItem.Text;}//写心情：protectedvoidTextBox_WriteMood_TextChanged(objectsender,EventArgse){TextBox_WriteMood.Text=TextBox_WriteMood.Text;}//提交心情控件，点击提交按钮时发表心情。protectedvoidButton_SubmitMood_Click(objectsender,EventArgse){//提交心情时，同事展示选择的日期、选择的心情和手动填写的心情。Label_ShowMood.Text=Label_DateTmp.Text+Label_temp.Text+TextBox_WriteMood.Text;}//设置一个按钮，隐藏历史心情，pannel的Visible功能。protectedvoidButton_HideHisMood_Click(objectsender,EventArgse){if(Pannel_ShowMood.Visible==true){Pannel_ShowMood.Visible=false;}elsePannel_ShowMood.Visible=true;}//清除历史心情功能（目前还没完善）。}}

实现了功能，我们来看效果吧：

只选择日期：

选择心情：

手动填写心情：

隐藏历史心情：

重新展示历史心情：


6. 清空历史心情模块目前还没有做好。有待继续学习。