空间信息移动服务的实践课结束了，昨天给老师演示了大作业，老师说功能都实现了，但是UI做的怎么这么丑啊。。
记录下期间用到的东西。
- 数据库，张先生给装了个phpMyAdmin来管理数据库，然后我在电脑上用xshell来用命令行语言操作服务器（这么描述？）所以，简单的连接服务器后，cd 命令进入项目所在的文件夹，rz 上传文件，rm 文件名 移除文件，vi 文件名 查看文件，i 对文件进行编辑，编辑完成后’esc’退出编辑，:q 退出，mysql -u root -p 回车然后输入密码进入数据库。
- PHP，帮助文档看这里→http://php.net/manual/en/mysqli-stmt.prepare.php ，$title = $_GET[“title”];这个可以从url里获取参数。在客户端用get方法向数据库上传数据，下面这个是从数据库取数据，存为xml文件
<?php header(“Content-Type: text/xml”); $mysqli=new mysqli(“localhost”,”root”,”yourpassword”,”databasename”); if(mysqli_connect_errno()){ printf(“Connect failed:%s\n”,mysqli_connect_error()); exit(); } $mysqli->set_charset(“utf8″); $query=”SELECT * FROM tablename ORDER BY id DESC”; $result = $mysqli->query($query) or die(“Invalid query:”.mysql_error()); //建立xml，声明版本和编码 $dom = new DOMDocument(“1.0″,”utf-8”); //格式化输出 $dom->formatOutPut = true; //建立根节点root $root = $dom->createElement(“events”); $dom->appendChild($root); $dbtField = array(“id”,”title”,”time”,”latitude”,”longitude”,”description”,”validity”,”expectation”,”solved”,”location”,”image”);//数据表字段数组 while($row = $result->fetch_row()){ //建立root节点下的子节点record $record = $dom->createElement(“event”); for($i =0; $i < 11; $i++) { $node = $dom->createElement($dbtField[$i]);//表字段 $nodeText = $dom->createTextNode($row[$i]);//表字段的值 $node->appendChild($nodeText); $record->appendChild($node); } $root->appendChild($record); } $mysqli->close(); echo $dom->saveXML(); ?>
网页返回的内容：
- C#&UWP get请求如下
获取网页xml如下
public static string commentID; public static string eventID; public static string userName; public static string comContext; public static string commentTime; public static string replyto; /// <summary> /// 从网络获取的信息 /// </summary> /// <param name=”eventID”></param> public async static void LoadXML(string eventID) { string suri = “http://xxx.xxx/xxx.php” ; Uri uri = new Uri(suri); //将网络获取的信息转化成XMLDoc对象 XmlDocument doc = await XmlDocument.LoadFromUriAsync(uri); //获取根节点Events XmlElement events = doc.DocumentElement; //获取根节点的所有子节点列表 XmlNodeList oneEventList = events.ChildNodes; //NotifyPopup lackMesPopup = new NotifyPopup(oneEventList.Count.ToString()); //lackMesPopup.Show(); foreach (IXmlNode oneEvent in oneEventList) { XmlNodeList info = oneEvent.ChildNodes; commentID = info.Item(0).InnerText; eventID = info.Item(1).InnerText; userName = info.Item(2).InnerText; comContext = info.Item(3).InnerText; commentTime = info.Item(4).InnerText; replyto = info.Item(5).InnerText; //如果要将xml存到本地，可以加上以下这些 //获取事件清单的文件夹对象 StorageFolder storage = await ApplicationData.Current.LocalFolder.GetFolderAsync(“EventsList”); //创建一个XML对象 XmlDocument _doc = new XmlDocument(); //使用event来创建一个XML元素作为根节点 XmlElement _item = _doc.CreateElement(“event”); _item.SetAttribute(“id”, id); _item.SetAttribute(“title”, eventTitle); _item.SetAttribute(“currentTime”, currentTime); _item.SetAttribute(“description”, description); _doc.AppendChild(_item); //创建一个应用文件，如果已经存在那么就替换，使用 id+ 标题 作为文件名，也就是标识符 StorageFile file = await storage.CreateFileAsync(eventTitle + “.xml”, CreationCollisionOption.ReplaceExisting); //把XML中的信息保存到文件中去 await _doc.SaveToFileAsync(file); }
在控件中显示
//加载进来时显示事件详情 protected async override void OnNavigatedTo(NavigationEventArgs e) { //获取上一个清单列表传递过来的参数，该参数是一个StorageFile对象 StorageFile file = e.Parameter as StorageFile; if (file == null) return; //获取文件的名字 String itemName = file.DisplayName; //把应用文件作为一个XML文档加载进来 XmlDocument doc = await XmlDocument.LoadFromFileAsync(file); id = doc.DocumentElement.Attributes.GetNamedItem(“id”).NodeValue.ToString(); titleBlock.Text = doc.DocumentElement.Attributes.GetNamedItem(“title”).NodeValue.ToString(); timeBlock.Text = doc.DocumentElement.Attributes.GetNamedItem(“description”).NodeValue.ToString(); string imageName = doc.DocumentElement.Attributes.GetNamedItem(“image”).NodeValue.ToString();//图片名 if (imageName != null) { string url = “http://mollmy.com/iCare/upload/images/” + imageName; photoImage.Visibility = Visibility.Visible; //从url获取图片 photoImage.Source = new BitmapImage(new Uri(url));//在Image控件中显示来自web的图片 } }
上传图片
public static void HttpUploadImage(string Path) { string URL = “http://xxx.xxx/upload/”; HttpUploadFile(URL, Path); } public static string FileName = null; //时间戳 public static string GetTimeStamp() { TimeSpan ts = DateTime.UtcNow – new DateTime(1970, 1, 1, 0, 0, 0, 0); return Convert.ToInt64(ts.TotalSeconds).ToString(); } private static async void HttpUploadFile(string URL, string Path) { HttpWebRequest _HttpWebRequest = WebRequest.Create(URL) as HttpWebRequest; //_HttpWebRequest.AllowAutoRedirect = true; _HttpWebRequest.Method = “POST”; string Boundary = DateTime.Now.Ticks.ToString(“X”);//随机分隔线 _HttpWebRequest.ContentType = “multipart/form-data;charset=utf-8;boundary=” + Boundary; byte[] ItemBoundaryBytes = Encoding.UTF8.GetBytes(“\r\n–” + Boundary + “\r\n”); byte[] EndBoundaryBytes = Encoding.UTF8.GetBytes(“\r\n–” + Boundary + “–\r\n”); int Pos = Path.LastIndexOf(“\\”);//返回最后的反斜线 从0开始的的索引位置 //string FileName = Path.Substring(Pos + 1);//文件名 FileName = GetTimeStamp();//用时间戳给文件命名 //请求头部信息 StringBuilder HeaderStringBuilder = new StringBuilder(string.Format(“Content-Disposition:form-data;name=\”file\”;filename=\”{0}\”\r\nContent-Type:application/octet-stream\r\n\r\n”, FileName)); byte[] PostHeaderBytes = Encoding.UTF8.GetBytes(HeaderStringBuilder.ToString()); await Task.Run(async () => { await Task.Yield(); //使用指定的路径、创建模式和读/写权限初始化 FileStream 类的新实例。 FileStream ReadFileStream = new FileStream(Path, FileMode.Open, FileAccess.Read); byte[] ContentBytes = new byte[ReadFileStream.Length];//要post的数据 ReadFileStream.Read(ContentBytes, 0, ContentBytes.Length); ReadFileStream.Dispose(); Stream PostStream = await _HttpWebRequest.GetRequestStreamAsync(); PostStream.Write(ItemBoundaryBytes, 0, ItemBoundaryBytes.Length); PostStream.Write(PostHeaderBytes, 0, PostHeaderBytes.Length); PostStream.Write(ContentBytes, 0, ContentBytes.Length);//内容 PostStream.Write(EndBoundaryBytes, 0, EndBoundaryBytes.Length); PostStream.Dispose(); }); //发送请求并获取响应回应数据 HttpWebResponse _HttpWebResponse = await _HttpWebRequest.GetResponseAsync() as HttpWebResponse; //直到request.GetResponse()程序才开始向目标网页发送Post请求 _HttpWebResponse.GetResponseStream(); _HttpWebResponse.Dispose(); }
发布事件时上传图片，发布时选择图片并在canvas控件中显示参考了这里→
检测图像或视频中的人脸
文中有示例代码下载地址，下面是我修改后的
private StorageFile Photo = null;//记录图片位置 /// <summary> /// 点击添加图片 /// </summary> /// <param name=”sender”></param> /// <param name=”e”></param> private async void AddPhoto_Click(object sender, RoutedEventArgs e) { WriteableBitmap displaySource = null;//显示图片 try { FileOpenPicker photoPicker = new FileOpenPicker(); photoPicker.ViewMode = PickerViewMode.Thumbnail; photoPicker.SuggestedStartLocation = PickerLocationId.PicturesLibrary; photoPicker.FileTypeFilter.Add(“.jpg”); StorageFile photoFile = await photoPicker.PickSingleFileAsync(); if (photoFile == null) { return; } this.Photo = photoFile;//记录图片路径 //上传图片 UploadImage.HttpUploadImage(this.Photo.Path); this.ClearVisualization(); //this.rootPage.NotifyUser(“Opening…”, NotifyType.StatusMessage); // 打开图像文件和位图解码到内存中。 using (IRandomAccessStream fileStream = await photoFile.OpenAsync(Windows.Storage.FileAccessMode.Read)) { BitmapDecoder decoder = await BitmapDecoder.CreateAsync(fileStream); BitmapTransform transform = this.ComputeScalingTransformForSourceImage(decoder); using (SoftwareBitmap originalBitmap = await decoder.GetSoftwareBitmapAsync(decoder.BitmapPixelFormat, BitmapAlphaMode.Ignore, transform, ExifOrientationMode.IgnoreExifOrientation, ColorManagementMode.DoNotColorManage)) { // Create a WritableBitmap for our visualization display; copy the original bitmap pixels to wb’s buffer. displaySource = new WriteableBitmap(originalBitmap.PixelWidth, originalBitmap.PixelHeight);//用于显示的图片 originalBitmap.CopyToBuffer(displaySource.PixelBuffer); this.SetupVisualization(displaySource);//显示图片 } } } catch (Exception ex) { this.ClearVisualization();//清空画布 } } //清空画布 private void ClearVisualization() { this.PhotoCanvas.Background = null; this.PhotoCanvas.Children.Clear(); } private readonly uint sourceImageHeightLimit = 1280; /// <summary> /// 计算一个BitmapTransform缩减源图像，原图太大的话。 /// </summary> /// <param name=”sourceDecoder”>Source image decoder</param> /// <returns>A BitmapTransform object holding scaling values if source image is too large</returns> private BitmapTransform ComputeScalingTransformForSourceImage(BitmapDecoder sourceDecoder) { BitmapTransform transform = new BitmapTransform(); if (sourceDecoder.PixelHeight > this.sourceImageHeightLimit) { float scalingFactor = (float)this.sourceImageHeightLimit / (float)sourceDecoder.PixelHeight; transform.ScaledWidth = (uint)Math.Floor(sourceDecoder.PixelWidth * scalingFactor); transform.ScaledHeight = (uint)Math.Floor(sourceDecoder.PixelHeight * scalingFactor); } return transform; } /// <summary> /// 将图片在canvas中显示出来 /// </summary> /// <param name=”displaySource”>Bitmap object holding the image we’re going to display</param> private void SetupVisualization(WriteableBitmap displaySource) { ImageBrush brush = new ImageBrush(); brush.ImageSource = displaySource; brush.Stretch = Stretch.Uniform; this.PhotoCanvas.Background = brush; double widthScale = displaySource.PixelWidth / this.PhotoCanvas.ActualWidth; double heightScale = displaySource.PixelHeight / this.PhotoCanvas.ActualHeight; }
主要的就是这些。
定位是用win 10 自带的位置服务来获取经纬度，
//获取当前地理位置信息 Geoposition pos = await geolocator.GetGeopositionAsync(); //纬度信息 string latitude = pos.Coordinate.Point.Position.Latitude.ToString(); //经度信息 string longitude = pos.Coordinate.Point.Position.Longitude.ToString();
导航是用的百度地图，使用webview控件显示。
-
C#部分代码分享下 链接：http://pan.baidu.com/s/1boVkfT1 密码：nlin
630
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
