微信小程序开发项目实战（微课版）教案 项目10 用户信息模块开发

《微信小程序开发》教学设计课程名称：微信小程序开发授课年级：授课学期：教师姓名：20年月日课题名称用户信息模块开发计划学时4学时内容分析在小程序开发中，数据存储和管理是不可或缺的一部分。MySQL是一个流行的开源关系型数据库管理系统，而Node.js是一个基于事件驱动、非阻塞I/O的JavaScript运行时环境。通过将Node.js和MySQL结合使用，读者可以轻松地连接到数据库，并进行数据操作和查询。本章节将详细介绍如何在Node.js中连接MySQL数据库，包括安装依赖、创建数据库连接、执行查询和更新操作等。教学目标及基本要求掌握node.js与本地数据建立连接。理解node.js跨域的含义。掌握Postman对整个后端服务进行测试。掌握node.js简单查询列表。教学重点node.js跨域的含义。node.js与本地数据建立连接。教学难点node.js跨域的含义教学方式以职业需求为导向，以实践能力培养为重点，以培养“基础实、知识新、能力强、素质高”的复合型技术技能人才为目标，本模块结合目前流行小程序案例，采用任务驱动教学法，灵活运用超星云平台、教师自主开发的微课视频、JSON在线解析平台以及Xmind等信息化工具和手段，依据专业教学标准、人才培养方案、课程标准及岗位工作任务设计了“导学-督学-自学-辅学-互学”五环节的教学活动，充分体现“学生主体，教师主导”的教学理念。图教学方法任务驱动教学法任务驱动教学法重点培养学生获取知识和自主学习的能力，是完成项目设计必须具有的能力。学生借助教学课件、专业书籍、设计规范、网络学习平台等学习材料，通过制定计划、组织实施、检查反馈等学习环节，完成学生职业素质、职业技能、职业道德培养。项目教学法在课程的宏观设计中，以微信开发项目为导向，微观设计中以任务为驱动。项目实施与校企合作企业数据库系统开发过程一致，使学生的学习更加具有针对性和实用性。项目设计贯穿于教学整个过程中，让学生自主学习，从而有效的促进学生创新能力的发展。小组协作教学法教学活动以学生为主体，以学生活动为主线。小组接受项目任务后，在教师的引导下，集体学习与讨论，制定计划，按照计划实施，然后采用自查、互查、教师检查、产品推广应用等方式检测工作成果，并针对检查结果进行修正，最后总结和评价。案例式教学法案例教学把理论知识和解决问题的能力有机地联系起来，帮助学生运用所学的理论知识去分析现实生活中的实例，学以致用。让学生从中学到现实而有用的东西，避免纯理论教学而导致的空谈，从而增强教学效果。教学过程数据库的安装步骤1：需要安装上mysql插件。代码如下：npminstallmysql执行效果如下：安装完后，可以在左边node_modules文件夹里新增了mysql文件夹。说明mysql插件已安装成功步骤2：测试是否安装成功。使用node.js操作增删改查在navicate里导入数据表步骤1：新建数据库步骤2：数据库命名为flower_shopping步骤3：导入sql文件执行查询操作constsql='select*fromnews'db.query(sql,(err,res)=>{

if(err)returnconsole.log(err.message)

console.log(res)})执行插入语句方法一：constuser={u:'Merry',p:'123'}constsql="insertintouser(username,password)values(?,?)"db.query(sql,user,(err,res)=>{

if(err)returnconsole.log(err.message)

if(res.affectedRows===1){

console.log('插入数据成功')

}})方法二：向表中插入数据时，如果数据对象的每个属性和数据表的字段一一对应，则可以通过如下方式快速插入数据constuser={username:'Merry',password:'123'}constsql="insertintouserset?"db.query(sql,user,(err,res)=>{

if(err)returnconsole.log(err.message)

if(res.affectedRows===1){

console.log('插入数据成功')

}})执行更新语句方法一：constuser={id:4,username:'Jerry',password:'123'}constsql="updateusersetusername=?,password=?whereid=?"db.query(sql,[user.username,user.password,user.id],(err,results)=>{

if(err)returnconsole.log(err.message)

if(res.affectedRows===1){

console.log('更新数据成功')

}})方法二：向表中更新数据时，如果数据对象的每个属性和数据表的字段一一对应，则可以通过如下方式快速更新数据constuser={id:5,username:'Tom',password:'123'}constsql="updateuserset?whereid=?"db.query(sql,[user,user.id],(err,results)=>{

if(err)returnconsole.log(err.message)

if(res.affectedRows===1){

console.log('更新数据成功')

}})执行删除语句方法一:把数据从数据表里删除constsql="deletefromuserwhereid=?"db.query(sql,10,(err,results)=>{

if(err)returnconsole.log(err.message)

if(res.affectedRows===1){

console.log('更新数据成功')

}})方法二：标记删除，模拟删除的动作，数据还是保存在数据表。所谓的标记删除，就是在表中设置类似于status这样的状态字段，来标记当前这条数据是否被删除，当用户执行了删除的动作时，并没有执行DELETE语句把数据删除掉，而是执行了UPDATE语句，将这条数据对应的status字段标记为删除即可。constsql="updatenews_categorysetis_del=?whereid=?"db.query(sql,[1,4],(err,results)=>{

if(err)returnconsole.log(err.message)

if(res.affectedRows===1){

console.log('更新数据成功')

}})思考题和习题在Express框架中完成MySQL数据库的连接与操作。基于数据库cms中tb_news表中的数据，通过node.js接口可以对新闻内容实现增查询操作。（1）用Express生成项目环境。expressnews//news为项目名（2）安装项目依赖包。npminstall（3）局部安装mysql模块npminstallmysql（4）编写代码，实现对tb_news表查询操作。具体代码实现如下所示。app.get('/api/newsList',(req,result)=>{vart_id=req.query.typeidif(t_id!=undefined){varsql="select*fromtb_newswheretypeid="+t_id}else{varsql="select*fromtb_news"}console.log(sql)db.query(sql,(error,res)=>{if(error)returnconsole.log(error.message)